main dt { font-size:20px !important; }
main dd,main dd :is(font,[style]) { font-size:16px !important; }
.platform-glyph { display:inline-block; width:24px; height:24px; max-width:100%; vertical-align:middle; }
.thought-answer-index { display:grid; gap:10px; }
.thought-answer-index details { padding:12px 0; border-bottom:1px solid currentColor; }
.thought-answer-index summary { cursor:pointer; }
.independent-nav-list { display:flex; flex-wrap:wrap; gap:6px 14px; margin:0; padding:0; list-style:none; }
.independent-nav-tab { display:inline-flex; border-bottom:1px solid currentColor; }
.independent-nav-row { display:flex; align-items:center; }
.independent-nav-drawer summary { cursor:pointer; }
.independent-nav-drawer > div { display:grid; gap:6px; margin-top:8px; }
.template-floating-actions {
    position: fixed;
    z-index: 12;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    display: grid;
    gap: 8px;
}
body .template-floating-actions > a {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid #c7ccd2;
    border-radius: 50%;
    background: #fff;
    color: #243142;
    box-shadow: 0 3px 12px #18232c38;
    text-decoration: none;
}
body .template-floating-actions > .template-floating-register {
    border-color: #fff;
    background: color-mix(in srgb, var(--floating-accent) 46%, #171a20);
    color: #fff;
}
body .template-floating-actions > a:hover { box-shadow: 0 3px 14px #18232c65; }
.template-floating-actions > a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 1px;
    box-shadow: 0 0 0 5px #233449;
}
.template-floating-actions svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@media(max-width:767px) {
    .openline-comic-home .template-floating-actions { bottom: max(70px, calc(env(safe-area-inset-bottom) + 56px)); }
}
.independent-desktop-links { display:none; }
@media(min-width:768px) {
    .independent-desktop-links { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; min-width:0; }
    .independent-mobile-drawer { display:none; }
}
@media(max-width:450px) {
    main h1 { overflow-wrap:anywhere; font-size:clamp(23px,7.1vw,30px); }
    main :is(section,header):has(h1) { min-height:0; }
    main :is(section,header):has(h1) figure:has(+ header),main :is(section,header):has(h1) > figure:first-child { max-height:160px; }
    main :is(section,header):has(h1) figure:has(+ header) img { max-height:160px; object-fit:cover; }
    .nest-home .nest-picture-cover { align-items:start; padding:12px; }
    .nest-home .nest-picture-cover > header { gap:8px; padding:12px; }
    .nest-home .nest-picture-cover > header > .nest-register { grid-row:2; }
    .nest-home .nest-picture-cover > header > p { grid-row:3; }
}
