/* === Theme Variables === */
:root {
--light: #faf8f8;
--lightgray: #e5e5e5;
--gray: #b8b8b8;
--darkgray: #4e4e4e;
--dark: #2b2b2b;
--secondary: #284b63;
--tertiary: #84a59d;
--highlight: rgba(143, 159, 169, 0.15);
--textHighlight: #fff23688;
--titleFont: "Roboto", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--headerFont: "Roboto", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--bodyFont: "Noto Sans JP", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--codeFont: "IBM Plex Mono", ui-monospace, SFMono-Regular, SF Mono, Menlo, monospace;
}
:root[saved-theme="dark"] {
--light: #161618;
--lightgray: #393639;
--gray: #646464;
--darkgray: #d4d4d4;
--dark: #ebebec;
--secondary: #7b97aa;
--tertiary: #84a59d;
--highlight: rgba(143, 159, 169, 0.15);
--textHighlight: #b3aa0288;
}
code[data-theme*=" "]{color:var(--shiki-light);background-color:var(--shiki-light-bg)}code[data-theme*=" "] span{color:var(--shiki-light)}[saved-theme=dark] code[data-theme*=" "]{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}[saved-theme=dark] code[data-theme*=" "] span{color:var(--shiki-dark)}.callout{border:1px solid var(--border);background-color:var(--bg);border-radius:5px;padding:0 1rem;overflow-y:hidden;box-sizing:border-box}.callout>.callout-content{display:grid;transition:grid-template-rows .1s cubic-bezier(0.02, 0.01, 0.47, 1);overflow:hidden}.callout>.callout-content>:first-child{margin-top:0}.callout{--callout-icon-note: url('data:image/svg+xml; utf8, ');--callout-icon-abstract: url('data:image/svg+xml; utf8, ');--callout-icon-info: url('data:image/svg+xml; utf8, ');--callout-icon-todo: url('data:image/svg+xml; utf8, ');--callout-icon-tip: url('data:image/svg+xml; utf8, ');--callout-icon-success: url('data:image/svg+xml; utf8, ');--callout-icon-question: url('data:image/svg+xml; utf8, ');--callout-icon-warning: url('data:image/svg+xml; utf8, ');--callout-icon-failure: url('data:image/svg+xml; utf8, ');--callout-icon-danger: url('data:image/svg+xml; utf8, ');--callout-icon-bug: url('data:image/svg+xml; utf8, ');--callout-icon-example: url('data:image/svg+xml; utf8, ');--callout-icon-quote: url('data:image/svg+xml; utf8, ');--callout-icon-fold: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E')}.callout[data-callout]{--color: #448aff;--border: #448aff44;--bg: #448aff10;--callout-icon: var(--callout-icon-note)}.callout[data-callout=abstract]{--color: #00b0ff;--border: #00b0ff44;--bg: #00b0ff10;--callout-icon: var(--callout-icon-abstract)}.callout[data-callout=info],.callout[data-callout=todo]{--color: #00b8d4;--border: #00b8d444;--bg: #00b8d410;--callout-icon: var(--callout-icon-info)}.callout[data-callout=todo]{--callout-icon: var(--callout-icon-todo)}.callout[data-callout=tip]{--color: #00bfa5;--border: #00bfa544;--bg: #00bfa510;--callout-icon: var(--callout-icon-tip)}.callout[data-callout=success]{--color: #09ad7a;--border: #09ad7144;--bg: #09ad7110;--callout-icon: var(--callout-icon-success)}.callout[data-callout=question]{--color: #dba642;--border: #dba64244;--bg: #dba64210;--callout-icon: var(--callout-icon-question)}.callout[data-callout=warning]{--color: #db8942;--border: #db894244;--bg: #db894210;--callout-icon: var(--callout-icon-warning)}.callout[data-callout=failure],.callout[data-callout=danger],.callout[data-callout=bug]{--color: #db4242;--border: #db424244;--bg: #db424210;--callout-icon: var(--callout-icon-failure)}.callout[data-callout=bug]{--callout-icon: var(--callout-icon-bug)}.callout[data-callout=danger]{--callout-icon: var(--callout-icon-danger)}.callout[data-callout=example]{--color: #7a43b5;--border: #7a43b544;--bg: #7a43b510;--callout-icon: var(--callout-icon-example)}.callout[data-callout=quote]{--color: var(--secondary);--border: var(--lightgray);--callout-icon: var(--callout-icon-quote)}.callout.is-collapsed>.callout-title>.fold-callout-icon{transform:rotateZ(-90deg)}.callout.is-collapsed .callout-content>*{transition:height .1s cubic-bezier(0.02, 0.01, 0.47, 1),margin .1s cubic-bezier(0.02, 0.01, 0.47, 1),padding .1s cubic-bezier(0.02, 0.01, 0.47, 1);overflow-y:clip;height:0;margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}.callout.is-collapsed .callout-content>:first-child{margin-top:-1rem}.callout-title{display:flex;align-items:flex-start;gap:5px;padding:1rem 0;color:var(--color);--icon-size: 18px}.callout-title .fold-callout-icon{transition:transform .15s ease;opacity:.8;cursor:pointer;--callout-icon: var(--callout-icon-fold)}.callout-title>.callout-title-inner>p{color:var(--color);margin:0}.callout-title .callout-icon,.callout-title .fold-callout-icon{width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);background-size:var(--icon-size) var(--icon-size);background-position:center;background-color:var(--color);mask-image:var(--callout-icon);mask-size:var(--icon-size) var(--icon-size);mask-position:center;mask-repeat:no-repeat;padding:.2rem 0}.callout-title .callout-title-inner{font-weight:600}html{scroll-behavior:smooth;text-size-adjust:none;overflow-x:hidden;width:100vw}@media all and ((max-width: 800px)){html{scroll-padding-top:4rem}}body{margin:0;box-sizing:border-box;background-color:var(--light);font-family:var(--bodyFont);color:var(--darkgray)}.text-highlight{background-color:var(--textHighlight);padding:0 .1rem;border-radius:5px}::selection{background:color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0));color:var(--darkgray)}p,ul,text,a,tr,td,li,ol,ul,.katex,.math,.typst-doc,g[class~=typst-text]{color:var(--darkgray);fill:var(--darkgray);overflow-wrap:break-word;text-wrap:pretty}path[class~=typst-shape]{stroke:var(--darkgray)}.math.math-display{text-align:center}article>mjx-container.MathJax,article blockquote>div>mjx-container.MathJax{display:flex}article>mjx-container.MathJax>svg,article blockquote>div>mjx-container.MathJax>svg{margin-left:auto;margin-right:auto}article blockquote>div>mjx-container.MathJax>svg{margin-top:1rem;margin-bottom:1rem}strong{font-weight:600}a{font-weight:600;text-decoration:none;transition:color .2s ease;color:var(--secondary)}a:hover{color:var(--tertiary)}a.internal{text-decoration:none;background-color:var(--highlight);padding:0 .1rem;border-radius:5px;line-height:1.4rem}a.internal.broken{color:var(--secondary);opacity:.5;transition:opacity .2s ease}a.internal.broken:hover{opacity:.8}a.internal:has(>img){background-color:rgba(0,0,0,0);border-radius:0;padding:0}a.internal.tag-link::before{content:"#"}a.external .external-icon{height:1ex;margin:0 .15em}a.external .external-icon>path{fill:var(--dark)}.flex-component{display:flex}.desktop-only{display:initial}.desktop-only.flex-component{display:flex}@media all and ((max-width: 800px)){.desktop-only.flex-component{display:none}.desktop-only{display:none}}.mobile-only{display:none}.mobile-only.flex-component{display:none}@media all and ((max-width: 800px)){.mobile-only.flex-component{display:flex}.mobile-only{display:initial}}.page{max-width:calc(1200px + 300px);margin:0 auto}.page article>h1{font-size:2rem}.page article li:has(>input[type=checkbox]){list-style-type:none;padding-left:0}.page article li:has(>input[type=checkbox]:checked){text-decoration:line-through;text-decoration-color:var(--gray);color:var(--gray)}.page article li>*{margin-top:0;margin-bottom:0}.page article p>strong{color:var(--dark)}.page>#quartz-body{display:grid;grid-template-columns:320px auto 320px;grid-template-rows:auto auto auto;column-gap:5px;row-gap:5px;grid-template-areas:"grid-sidebar-left grid-header grid-sidebar-right" "grid-sidebar-left grid-center grid-sidebar-right" "grid-sidebar-left grid-footer grid-sidebar-right"}@media all and ((min-width: 800px) and (max-width: 1200px)){.page>#quartz-body{grid-template-columns:320px auto;grid-template-rows:auto auto auto auto;column-gap:5px;row-gap:5px;grid-template-areas:"grid-sidebar-left grid-header" "grid-sidebar-left grid-center" "grid-sidebar-left grid-sidebar-right" "grid-sidebar-left grid-footer"}}@media all and ((max-width: 800px)){.page>#quartz-body{grid-template-columns:auto;grid-template-rows:auto auto auto auto auto;column-gap:5px;row-gap:5px;grid-template-areas:"grid-sidebar-left" "grid-header" "grid-center" "grid-sidebar-right" "grid-footer"}}@media all and not ((min-width: 1200px)){.page>#quartz-body{padding:0 1rem}}@media all and ((max-width: 800px)){.page>#quartz-body{margin:0 auto}}.page>#quartz-body .sidebar{gap:1.2rem;top:0;box-sizing:border-box;padding:6rem 2rem 2rem 2rem;display:flex;height:100vh;position:sticky}.page>#quartz-body .sidebar.left{z-index:1;grid-area:grid-sidebar-left;flex-direction:column}@media all and ((max-width: 800px)){.page>#quartz-body .sidebar.left{gap:0;align-items:center;position:initial;display:flex;height:unset;flex-direction:row;padding:0;padding-top:2rem}}.page>#quartz-body .sidebar.right{grid-area:grid-sidebar-right;margin-right:0;flex-direction:column}@media all and ((max-width: 800px)){.page>#quartz-body .sidebar.right{margin-left:inherit;margin-right:inherit}}@media all and not ((min-width: 1200px)){.page>#quartz-body .sidebar.right{position:initial;height:unset;width:100%;flex-direction:row;padding:0}.page>#quartz-body .sidebar.right>*{flex:1;max-height:24rem}.page>#quartz-body .sidebar.right>.toc{display:none}}.page>#quartz-body .page-header,.page>#quartz-body .page-footer{margin-top:1rem}.page>#quartz-body .page-header{grid-area:grid-header;margin:6rem 0 0 0}@media all and ((max-width: 800px)){.page>#quartz-body .page-header{margin-top:0;padding:0}}.page>#quartz-body .center>article{grid-area:grid-center}.page>#quartz-body footer{grid-area:grid-footer}.page>#quartz-body .center,.page>#quartz-body footer{max-width:100%;min-width:100%;margin-left:auto;margin-right:auto}@media all and ((min-width: 800px) and (max-width: 1200px)){.page>#quartz-body .center,.page>#quartz-body footer{margin-right:0}}@media all and ((max-width: 800px)){.page>#quartz-body .center,.page>#quartz-body footer{margin-right:0;margin-left:0}}.page>#quartz-body footer{margin-left:0}.footnotes{margin-top:2rem;border-top:1px solid var(--lightgray)}input[type=checkbox]{transform:translateY(2px);color:var(--secondary);border:1px solid var(--lightgray);border-radius:3px;background-color:var(--light);position:relative;margin-inline-end:.2rem;margin-inline-start:-1.4rem;appearance:none;width:16px;height:16px}input[type=checkbox]:checked{border-color:var(--secondary);background-color:var(--secondary)}input[type=checkbox]:checked::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;display:block;border:solid var(--light);border-width:0 2px 2px 0;transform:rotate(45deg)}blockquote{margin:1rem 0;border-left:3px solid var(--secondary);padding-left:1rem;transition:border-color .2s ease}h1,h2,h3,h4,h5,h6,thead{font-family:var(--headerFont);color:var(--dark);font-weight:revert;margin-bottom:0}article>h1>a[role=anchor],article>h2>a[role=anchor],article>h3>a[role=anchor],article>h4>a[role=anchor],article>h5>a[role=anchor],article>h6>a[role=anchor],article>thead>a[role=anchor]{color:var(--dark);background-color:rgba(0,0,0,0)}h1[id]>a[href^="#"],h2[id]>a[href^="#"],h3[id]>a[href^="#"],h4[id]>a[href^="#"],h5[id]>a[href^="#"],h6[id]>a[href^="#"]{margin:0 .5rem;opacity:0;transition:opacity .2s ease;transform:translateY(-0.1rem);font-family:var(--codeFont);user-select:none}h1[id]:hover>a,h2[id]:hover>a,h3[id]:hover>a,h4[id]:hover>a,h5[id]:hover>a,h6[id]:hover>a{opacity:1}h1:not([id])>a[role=anchor],h2:not([id])>a[role=anchor],h3:not([id])>a[role=anchor],h4:not([id])>a[role=anchor],h5:not([id])>a[role=anchor],h6:not([id])>a[role=anchor]{display:none}h1{font-size:1.75rem;margin-top:2.25rem;margin-bottom:1rem}h2{font-size:1.4rem;margin-top:1.9rem;margin-bottom:1rem}h3{font-size:1.12rem;margin-top:1.62rem;margin-bottom:1rem}h4,h5,h6{font-size:1rem;margin-top:1.5rem;margin-bottom:1rem}figure[data-rehype-pretty-code-figure]{margin:0;position:relative;line-height:1.6rem;position:relative}figure[data-rehype-pretty-code-figure]>[data-rehype-pretty-code-title]{font-family:var(--codeFont);font-size:.9rem;padding:.1rem .5rem;border:1px solid var(--lightgray);width:fit-content;border-radius:5px;margin-bottom:-0.5rem;color:var(--darkgray)}figure[data-rehype-pretty-code-figure]>pre{padding:0}pre{font-family:var(--codeFont);padding:0 .5rem;border-radius:5px;overflow-x:auto;border:1px solid var(--lightgray);position:relative}pre:has(>code.mermaid){border:none}pre>code{background:none;padding:0;font-size:.85rem;counter-reset:line;counter-increment:line 0;display:grid;padding:.5rem 0;overflow-x:auto}pre>code [data-highlighted-chars]{background-color:var(--highlight);border-radius:5px}pre>code>[data-line]{padding:0 .25rem;box-sizing:border-box;border-left:3px solid rgba(0,0,0,0)}pre>code>[data-line][data-highlighted-line]{background-color:var(--highlight);border-left:3px solid var(--secondary)}pre>code>[data-line]::before{content:counter(line);counter-increment:line;width:1rem;margin-right:1rem;display:inline-block;text-align:right;color:rgba(115,138,148,.6)}pre>code[data-line-numbers-max-digits="2"]>[data-line]::before{width:2rem}pre>code[data-line-numbers-max-digits="3"]>[data-line]::before{width:3rem}code{font-size:.9em;color:var(--dark);font-family:var(--codeFont);border-radius:5px;padding:.1rem .2rem;background:var(--lightgray)}tbody,li,p{line-height:1.6rem}.table-container{overflow-x:auto}.table-container>table{margin:1rem;padding:1.5rem;border-collapse:collapse}.table-container>table th,.table-container>table td{min-width:75px}.table-container>table>*{line-height:2rem}th{text-align:left;padding:.4rem .7rem;border-bottom:2px solid var(--gray)}td{padding:.2rem .7rem}tr{border-bottom:1px solid var(--lightgray)}tr:last-child{border-bottom:none}img{max-width:100%;border-radius:5px;margin:1rem 0;content-visibility:auto}p>img+em{display:block;transform:translateY(-1rem)}hr{width:100%;margin:2rem auto;height:1px;border:none;background-color:var(--lightgray)}audio,video{width:100%;border-radius:5px}.spacer{flex:2 1 auto}div:has(>.overflow){max-height:100%;overflow-y:hidden}ul.overflow,ol.overflow{max-height:100%;overflow-y:auto;width:100%;margin-bottom:0;content:"";clear:both}ul.overflow>li.overflow-end,ol.overflow>li.overflow-end{height:.5rem;margin:0}ul.overflow.gradient-active,ol.overflow.gradient-active{mask-image:linear-gradient(to bottom, black calc(100% - 50px), transparent 100%)}.transclude ul{padding-left:1rem}.katex-display{display:initial;overflow-x:auto;overflow-y:hidden}.external-embed.youtube,iframe.pdf{aspect-ratio:16/9;height:100%;width:100%;border-radius:5px}.navigation-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--secondary);transition:width .2s ease;z-index:9999}@media all and ((min-width: 1200px)){body.no-right-sidebar>#quartz-root>#quartz-body{grid-template-columns:260px 1fr;grid-template-areas:"grid-sidebar-left grid-header" "grid-sidebar-left grid-center" "grid-sidebar-left grid-footer"}}body.no-right-sidebar>#quartz-root>#quartz-body .center{max-width:none}body.no-right-sidebar .sidebar.left{padding-left:1rem}#quartz-root.page{max-width:1700px}a.catalog-item{text-decoration:none;color:inherit;background:none}a.catalog-item:hover{text-decoration:none;color:inherit}article .catalog-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.3rem 0;margin-bottom:0;border-bottom:1px solid var(--lightgray);transition:background .15s}article .catalog-item:hover{background:var(--highlight)}article .catalog-item>img{width:150px;min-width:150px;height:auto;object-fit:cover;flex-shrink:0;border-radius:4px}article .catalog-item .catalog-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}article .catalog-item .catalog-item-text>h3{margin:0;padding:0;font-size:1.2rem;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dark)}article .catalog-item .catalog-item-text>p{margin:0;padding:0;font-size:.88rem;font-weight:500;line-height:1.25;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article .catalog-item:last-of-type{border-bottom:none}article>h2{margin-top:1.5rem;margin-bottom:.4rem}@media all and ((min-width: 1200px)){body.no-left-sidebar.no-right-sidebar>#quartz-root>#quartz-body{grid-template-columns:1fr;grid-template-areas:"grid-header" "grid-center" "grid-footer"}}body.no-left-sidebar.no-right-sidebar>#quartz-root>#quartz-body .center{max-width:1440px;margin:0 auto}body.no-left-sidebar.no-right-sidebar header{margin:.75rem 0 0 0}body.no-left-sidebar.no-right-sidebar header .page-title{font-size:.9rem;margin:0}body.no-left-sidebar.no-right-sidebar header .page-title>a{color:var(--darkgray);opacity:.65;transition:opacity .15s}body.no-left-sidebar.no-right-sidebar header .page-title>a:hover{color:var(--darkgray);opacity:1}body.no-left-sidebar.no-right-sidebar article>p[data-role=back-nav-wrap]{margin-top:.5rem;margin-bottom:1rem;background:none}body.no-left-sidebar.no-right-sidebar article>p[data-role=back-nav-wrap] a[data-role=back-nav]{font-size:.85rem;font-weight:600;color:var(--secondary);text-decoration:none;background:none;padding:0}body.no-left-sidebar.no-right-sidebar article>p[data-role=back-nav-wrap] a[data-role=back-nav]:hover{color:var(--tertiary);text-decoration:underline}body.no-left-sidebar.no-right-sidebar article>[data-role=hero-image]{text-align:center}body.no-left-sidebar.no-right-sidebar article>[data-role=hero-image]>a{display:block;max-width:900px;margin:0 auto}body.no-left-sidebar.no-right-sidebar article>[data-role=hero-image]>a .external-icon{display:none}body.no-left-sidebar.no-right-sidebar article>[data-role=hero-image] img{width:100%;max-width:900px;height:auto;display:block;margin:0 auto;border-radius:6px}body.no-left-sidebar.no-right-sidebar article>p[data-role=article-meta]{font-size:.95rem;line-height:1.6;color:var(--darkgray)}body.no-left-sidebar.no-right-sidebar article>blockquote{background:none;border:none;padding:.5rem 0;margin:.5rem 0}body.no-left-sidebar.no-right-sidebar article>blockquote strong>a{display:inline-block;padding:.6rem 2rem;background:var(--secondary);color:#fff;border-radius:6px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:opacity .15s}body.no-left-sidebar.no-right-sidebar article>blockquote strong>a:hover{opacity:.85;text-decoration:none;color:#fff}body.no-left-sidebar.no-right-sidebar [data-role=sample-preview]{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;margin:0 0 .5rem}@media all and ((max-width: 800px)){body.no-left-sidebar.no-right-sidebar [data-role=sample-preview]{grid-template-columns:repeat(3, 1fr);gap:.3rem}}body.no-left-sidebar.no-right-sidebar [data-role=sample-gallery]{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;margin:0 0 1.5rem}@media all and ((max-width: 800px)){body.no-left-sidebar.no-right-sidebar [data-role=sample-gallery]{grid-template-columns:repeat(2, 1fr);gap:.35rem}}body.no-left-sidebar.no-right-sidebar [data-role=sample-preview] .gallery-item,body.no-left-sidebar.no-right-sidebar [data-role=sample-gallery] .gallery-item{display:block;border-radius:4px;overflow:hidden;line-height:0}body.no-left-sidebar.no-right-sidebar [data-role=sample-preview] .gallery-item .external-icon,body.no-left-sidebar.no-right-sidebar [data-role=sample-gallery] .gallery-item .external-icon{display:none}body.no-left-sidebar.no-right-sidebar [data-role=sample-preview] .gallery-item img,body.no-left-sidebar.no-right-sidebar [data-role=sample-gallery] .gallery-item img{display:block;width:100%;height:auto;border-radius:0}body.no-left-sidebar.no-right-sidebar article>hr~.catalog-item{max-width:700px}body.no-left-sidebar.no-right-sidebar article>hr~h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:root{--bodyFont: "Roboto", "Noto Sans JP", "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--headerFont: "Roboto", "Noto Sans JP", "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}body,p,li,td,th,blockquote,.explorer,.search-bar,.page-title{font-family:var(--bodyFont)}h1,h2,h3,h4,h5,h6,.article-title{font-family:var(--headerFont)}h1,h2,h3,h4{font-family:"Noto Sans JP","Roboto",sans-serif;font-weight:700;letter-spacing:-0.01em;line-height:1.35;color:var(--dark)}h1{font-size:2rem;font-weight:800;margin-bottom:1rem}h2{font-size:1.4rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem}h3{font-size:1.1rem;font-weight:600;margin-top:1.5rem}p{color:#333;line-height:1.7}h2{margin-top:3rem;margin-bottom:1.2rem}h3{margin-top:1.8rem;margin-bottom:.6rem}section,h2+*{margin-bottom:1.5rem}article>div,.catalog-item{margin-bottom:1.4rem}.catalog-item h3,.catalog-item a{font-weight:700;font-size:1.05rem;line-height:1.45;color:var(--dark)}.catalog-item a:hover{opacity:.85}body,p,li{font-weight:500;color:#222;line-height:1.75}article{max-width:none}body:not([data-slug=index]) article>p{max-width:950px}body:not([data-slug=index]) article>h2{max-width:950px}article img{border-radius:6px}aside,#quartz-right-sidebar,.right-sidebar,.graph-view,.toc{display:none !important}.struct-score{max-width:500px;margin:1.5rem 0;padding:1rem 1.25rem;background:var(--highlight);border-left:3px solid var(--secondary);border-radius:6px}.struct-score-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin:0 0 .75rem}.struct-score-bars{display:flex;flex-direction:column;gap:.45rem}.ssrow{display:flex;align-items:center;gap:.6rem}.sslabel{width:12em;white-space:nowrap;flex-shrink:0;font-size:.82rem;color:var(--darkgray)}@media all and ((max-width: 800px)){.sslabel{width:11.5em;font-size:.78rem}}.ssbar{--pct: 40%;flex:1;max-width:180px;height:8px;border-radius:4px;background:linear-gradient(to right, var(--secondary) var(--pct), var(--lightgray) var(--pct))}.ssnum{font-size:.82rem;font-weight:600;color:var(--darkgray);width:2.5em;text-align:right}.struct-summary{margin:.85rem 0 0;font-size:.88rem;color:var(--darkgray);line-height:1.65}.content-meta,.backlinks,.page-listing,.folder-outer,.folder-inner{display:none !important}[data-role=hero-summary]{margin:0 0 1.2rem;padding:.8rem 1rem;background:var(--light);border-left:3px solid var(--secondary);border-radius:0 6px 6px 0}[data-role=hero-summary] [data-role=hero-title]{font-size:.72rem;font-weight:700;color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem}[data-role=hero-summary] [data-role=hero-bullets]{margin:0;padding-left:1.1rem;list-style:disc}[data-role=hero-summary] [data-role=hero-bullets] li{font-size:.88rem;line-height:1.6;color:var(--darkgray);margin-bottom:.15rem}[data-role=hero-summary] [data-role=hero-bullets] li:last-child{margin-bottom:0}[data-role=primary-cta]{margin:1rem 0 1.2rem}[data-role=primary-cta] .cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2.2rem;min-height:48px;min-width:180px;background:var(--secondary);color:#fff;border-radius:8px;font-size:1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer}@media(hover: hover){[data-role=primary-cta] .cta-button{transition:opacity .1s}[data-role=primary-cta] .cta-button:hover{opacity:.85;text-decoration:none;color:#fff}}[data-role=primary-cta] .cta-button .external-icon,[data-role=primary-cta] .cta-button>svg{display:none}[data-role=primary-cta] .cta-note{display:block;font-size:.7rem;color:var(--gray);margin:.3rem 0 0 .2rem}p.item-info{font-size:.78rem;color:var(--gray);margin:0 0 1rem;line-height:1.6}[data-role=struct-tags],[data-role=seo-tags]{max-width:500px;margin:0 0 1.5rem;padding:.65rem 1rem;background:var(--light);border:1px solid var(--lightgray);border-radius:6px;overflow:hidden}[data-role=struct-tags-title],[data-role=seo-tags-title]{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-bottom:.5rem}[data-role=struct-tags-chips],[data-role=seo-tags-chips]{display:flex;flex-wrap:wrap;gap:.4rem .35rem;overflow:hidden}[data-role=struct-tags] .chip,[data-role=seo-tags] .chip{display:inline-flex;align-items:center;padding:.28rem .7rem;min-height:2rem;background:var(--highlight);border:1px solid var(--secondary);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--secondary);text-decoration:none;line-height:1.4;white-space:nowrap;cursor:pointer}@media(hover: hover){[data-role=struct-tags] .chip,[data-role=seo-tags] .chip{transition:background .12s,color .12s}[data-role=struct-tags] .chip:hover,[data-role=seo-tags] .chip:hover{background:var(--secondary);color:#fff;text-decoration:none}}@media all and ((max-width: 800px)){[data-role=struct-tags],[data-role=seo-tags]{max-width:none}}[data-role=item-tags]{margin:1.5rem 0}[data-role=item-tags-title]{font-size:.8rem;color:var(--gray);margin-bottom:.5rem}[data-role=item-tags-chips]{display:flex;flex-wrap:wrap;gap:.4rem}a.tag-chip{display:inline-block;padding:.25rem .7rem;font-size:.78rem;border:1px solid var(--lightgray);border-radius:999px;color:var(--darkgray);background:var(--light);text-decoration:none;transition:background .15s}a.tag-chip:hover{background:var(--lightgray)}a.tag-chip.tag-chip--review{border-color:#e8b4f8;background:#faf0ff;color:#7b2d9e}a.tag-chip.tag-chip--review:hover{background:#f0d8ff}:root[saved-theme=dark] a.tag-chip.tag-chip--review{border-color:#6b3a8a;background:#2a1a35;color:#d4a0f0}:root[saved-theme=dark] a.tag-chip.tag-chip--review:hover{background:#3a2548}[data-role=preorder-badge]{margin:.5rem 0 1rem;text-align:center}.badge-preorder{display:inline-block;padding:.3rem 1rem;font-size:.85rem;font-weight:700;border-radius:6px;background:#2b6cb0;color:#fff;letter-spacing:.05em}.sale-badge{display:inline-block;padding:.15rem .5rem;font-size:.72rem;font-weight:700;border-radius:4px;background:#e53e3e;color:#fff;letter-spacing:.02em}.cta-sale .sale-badge{font-size:.85rem}.cta-sale del{color:var(--gray);font-size:.85rem}.cta-sale strong{color:#e53e3e;font-size:1.05rem}[data-role=masonry-feed]{display:grid;grid-template-columns:repeat(3, 1fr);gap:.7rem;align-items:start;width:100%}@media all and ((max-width: 800px)){[data-role=masonry-feed]{grid-template-columns:repeat(1, 1fr);gap:.45rem}}[data-role=masonry-feed] .mcard{margin-bottom:0}.mcard{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin-bottom:.7rem;border-radius:8px;overflow:hidden;background:var(--light);border:1px solid var(--lightgray)}@media(hover: hover){.mcard{transition:border-color .12s,box-shadow .12s}.mcard:hover{border-color:var(--secondary);box-shadow:0 2px 8px rgba(0,0,0,.08)}}.mcard .mcard-img,.mcard a.mcard-cover{display:block;line-height:0}.mcard .mcard-img a,.mcard a.mcard-cover a{display:block;width:100%}.mcard .mcard-img img,.mcard a.mcard-cover img{width:100%;height:auto;display:block;border-radius:0;aspect-ratio:3/4;object-fit:cover;background:#f0f0ee}.mcard[data-media=video] .mcard-img img,.mcard[data-media=video] a.mcard-cover img{aspect-ratio:3/4;object-fit:cover;object-position:center center;background:none}.mcard[data-media=manga] .mcard-img img,.mcard[data-media=manga] a.mcard-cover img{object-position:top center}.mcard .mcard-img .external-icon,.mcard .mcard-img>svg,.mcard a.mcard-cover .external-icon,.mcard a.mcard-cover>svg{display:none}.mcard .mcard-body{padding:.35rem .55rem .45rem}.mcard .mcard-rank{display:block;font-size:.65rem;font-weight:700;color:var(--gray);margin-bottom:.1rem;line-height:1}.mcard [data-role=media-badge]{display:inline-block;font-size:.62rem;font-weight:700;line-height:1;padding:.12rem .38rem;border-radius:3px;margin-right:.3rem;vertical-align:middle;white-space:nowrap}.mcard [data-role=media-badge][data-media=video]{background:#e8edf2;color:#4a6d8a}.mcard [data-role=media-badge][data-media=manga]{background:#f0e8ed;color:#8a4a68}.mcard .mcard-title{font-size:.82rem;font-weight:600;line-height:1.4;margin:0 0 .18rem}.mcard .mcard-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--dark);text-decoration:none;background:none}@media(hover: hover){.mcard .mcard-title a:hover{color:var(--secondary)}}.mcard .mcard-meta{font-size:.72rem;color:var(--gray);margin:0;line-height:1.3}.mcard .mcard-sub{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:4px 0 0;font-size:.78rem;opacity:.85}.mcard .mcard-sub .stars{display:inline-flex;letter-spacing:.04em}.mcard .mcard-sub .stars .filled{color:#f90}.mcard .mcard-sub .stars .empty{color:rgba(0,0,0,.25)}.mcard .mcard-sub .rating-num{font-weight:600}.mcard .mcard-sub .rating-count{opacity:.7}.mcard .external-icon{display:none}@media all and ((max-width: 800px)){.mcard{margin-bottom:.45rem;border-radius:6px}.mcard .mcard-body{padding:.3rem .4rem .35rem}.mcard .mcard-title{font-size:.78rem}}[data-role=media-filter]{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem}[data-role=media-filter] .chip{display:inline-flex;align-items:center;padding:.28rem .8rem;min-height:2rem;border:1px solid var(--secondary);border-radius:20px;font-size:.8rem;font-weight:600;color:var(--secondary);background:rgba(0,0,0,0);text-decoration:none;white-space:nowrap;cursor:pointer}@media(hover: hover){[data-role=media-filter] .chip{transition:background .12s,color .12s}[data-role=media-filter] .chip:hover{background:var(--secondary);color:#fff;text-decoration:none}}[data-role=media-filter] .chip.is-active{background:var(--secondary);color:#fff;pointer-events:none}[data-role=manga-hero-wrap]{display:grid;gap:18px;margin-bottom:24px}@media(min-width: 768px){[data-role=manga-hero-wrap]{grid-template-columns:1fr 320px;align-items:center}}[data-role=manga-hero-image] img{width:100%;max-width:920px;border-radius:14px}[data-role=manga-hero-cta]{display:flex;flex-direction:column;gap:10px}[data-role=cta-sample-hero]{display:inline-flex;justify-content:center;align-items:center;padding:16px 18px;font-weight:700;border-radius:14px;text-decoration:none;background:var(--secondary);color:#fff !important;transition:transform .15s ease}[data-role=cta-sample-hero]:hover{transform:translateY(-2px)}[data-role=cta-sub]{font-size:.9rem;opacity:.75;margin:0}[data-role=related-head]{margin-bottom:1rem}[data-role=related-head] h2{margin:0 0 .25rem;font-size:1.1rem}[data-role=related-head] .sub{margin:0;font-size:.82rem;opacity:.7}[data-role=masonry-feed][data-variant=related]{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;align-items:start}@media(min-width: 1024px){[data-role=masonry-feed][data-variant=related]{grid-template-columns:repeat(3, 1fr);gap:14px}}[data-role=masonry-feed][data-variant=related] .mcard{margin-bottom:0}[data-role=mcard-reason]{margin:6px 0 0}.mcard-subline{margin:4px 0 0;font-size:.74rem;opacity:.7;line-height:1.4}[data-role=masonry-feed][data-variant=related-compact]{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:.6rem;align-items:start}@media(min-width: 1024px){[data-role=masonry-feed][data-variant=related-compact]{grid-template-columns:repeat(3, 1fr)}}[data-role=masonry-feed][data-variant=related-compact] .mcard{margin-bottom:0}.related-compact-wrap{margin-top:1rem}.related-compact-wrap>summary{cursor:pointer;font-size:.85rem;font-weight:600;color:var(--secondary);padding:.4rem 0;list-style:none;user-select:none}.related-compact-wrap>summary::before{content:"▶ ";font-size:.7em}.related-compact-wrap[open]>summary::before{content:"▼ "}.chip-reason{display:inline-block;font-size:.72rem;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:rgba(0,0,0,.03);opacity:.9;text-decoration:none;color:var(--darkgray)}.chip-reason:hover{background:rgba(0,0,0,.08)}.chip-score{display:inline-block;padding:.2rem .6rem;font-size:.72rem;border:1px solid var(--lightgray);border-radius:999px;color:var(--darkgray);background:var(--light);text-decoration:none}.chip-score:hover{background:var(--lightgray)}.mcard-chips{margin-top:.3rem}.mcard-score-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.stars-filled{color:#f90;letter-spacing:.06em}.stars-empty{color:rgba(0,0,0,.28);letter-spacing:.06em}[data-role=rating]{margin:0 0 .5rem;line-height:1.4}.author-info{font-size:.82rem;color:var(--darkgray);margin:.2rem 0;line-height:1.8}.author-info .tag-chip{vertical-align:middle}.author-featured-wrap{background:linear-gradient(135deg, rgba(40, 75, 99, 0.06), rgba(132, 165, 157, 0.08));border:1px solid rgba(40,75,99,.12);border-radius:12px;padding:1.2rem 1rem 1rem;margin:.5rem 0 2rem}.author-featured-wrap h2{margin:0 0 .8rem;font-size:1.05rem;font-weight:700;color:var(--secondary);letter-spacing:.03em}.author-featured-wrap h2 a.internal{display:none}[data-role=author-featured]{display:grid;grid-template-columns:repeat(3, 1fr);gap:.7rem;align-items:start;width:100%}@media all and ((max-width: 800px)){[data-role=author-featured]{grid-template-columns:repeat(2, 1fr);gap:.45rem}}[data-role=author-featured] .mcard{margin-bottom:0}.author-divider{border:none;border-top:3px solid var(--lightgray);margin:1.8rem 0 1.2rem}[data-role=author-others]{display:grid;grid-template-columns:repeat(4, 1fr);gap:.4rem;align-items:start;width:100%}@media all and ((max-width: 800px)){[data-role=author-others]{grid-template-columns:repeat(2, 1fr);gap:.35rem}}[data-role=author-others] .mcard{margin-bottom:0}[data-role=author-others] .mcard .mcard-img img{aspect-ratio:3/4}[data-role=author-others] .mcard .mcard-body{padding:.3rem .4rem .4rem}[data-role=author-others] .mcard .mcard-title{font-size:.68rem;-webkit-line-clamp:2}[data-role=author-others] .mcard .mcard-chips,[data-role=author-others] .mcard .mcard-score-chips{display:none}[data-role=author-others] .mcard .mcard-meta{font-size:.65rem}[data-role=manga-unified-cta]{margin:1.5rem 0 2rem;padding:1.2rem;background:var(--light);border:1px solid var(--lightgray);border-left:4px solid var(--secondary);border-radius:0 8px 8px 0}[data-role=manga-unified-cta] h3{font-size:1.05rem;font-weight:800;color:var(--secondary);margin:0 0 .8rem 0;border:none;padding:0;line-height:1.4}[data-role=manga-unified-cta] ul{margin:0 0 1rem 0;padding-left:1.2rem;list-style:disc}[data-role=manga-unified-cta] ul li{font-size:.9rem;line-height:1.6;color:var(--darkgray);margin-bottom:.4rem}[data-role=manga-unified-cta] ul li.cta-eval{margin-top:.6rem;margin-bottom:0;font-weight:600;color:var(--secondary);list-style:none;margin-left:-1.2rem}[data-role=manga-unified-cta] ul li.cta-eval::before{content:"▶ ";font-size:.85em}[data-role=manga-unified-cta] .cta-micro-copy{font-size:.75rem;color:var(--gray);margin:0 0 1rem 0;line-height:1.5}[data-role=manga-unified-cta] [data-role=dual-cta]{margin:0}[data-role=dual-cta]{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;margin:0 0 1.4rem}[data-role=dual-cta] .cta-tachiyomi{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.8rem;min-height:48px;background:var(--light);color:var(--secondary);border:2px solid var(--secondary);border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none}[data-role=dual-cta] .cta-tachiyomi .external-icon,[data-role=dual-cta] .cta-tachiyomi>svg{display:none}@media(hover: hover){[data-role=dual-cta] .cta-tachiyomi{transition:all .12s}[data-role=dual-cta] .cta-tachiyomi:hover{background:var(--secondary);color:#fff;text-decoration:none}}[data-role=dual-cta] .cta-main{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.8rem;min-height:48px;background:var(--secondary);color:#fff;border:2px solid var(--secondary);border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none}[data-role=dual-cta] .cta-main .external-icon,[data-role=dual-cta] .cta-main>svg{display:none}@media(hover: hover){[data-role=dual-cta] .cta-main{transition:opacity .12s}[data-role=dual-cta] .cta-main:hover{opacity:.85;text-decoration:none;color:#fff}}[data-role=dual-cta] .cta-note{font-size:.7rem;color:var(--gray);margin:0}.top-shelves{margin:1rem 0 2rem}.shelf{margin:1.2rem 0 1.8rem}.shelf-head{display:grid;grid-template-columns:1fr auto;row-gap:4px;column-gap:10px;align-items:end;margin-bottom:10px}.shelf-title{margin:0;font-weight:800;font-size:1.05rem}.shelf-sub{grid-column:1/2;opacity:.75;font-size:.88em;margin:0}.shelf-more{grid-column:2/3;grid-row:1/3;justify-self:end;align-self:center;text-decoration:none !important;font-weight:700;font-size:.88em;white-space:nowrap}.shelf-more .external-icon,.shelf-more>svg{display:none}.shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px, 160px);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:6px}.shelf-row::-webkit-scrollbar{height:6px}.shelf-row::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:999px}.shelf-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--lightgray);border-radius:10px;overflow:hidden;text-decoration:none !important;background:var(--light);transition:border-color .15s,box-shadow .15s}.shelf-card:hover{border-color:var(--secondary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.shelf-card .external-icon,.shelf-card>svg{display:none}.shelf-cover{aspect-ratio:2/3;width:100%;background:var(--lightgray);overflow:hidden}.shelf-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.shelf-meta{padding:8px 8px 10px}.shelf-name{font-weight:700;font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;color:var(--darkgray)}.shelf-mini{margin-top:5px;opacity:.7;font-size:.75rem;line-height:1.3}.top-quick-tags{margin:0 0 1.5rem}.top-quick-tags .top-quick-tags-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--darkgray);margin:0 0 .65rem}.top-quick-tags .tags a{display:inline-block;font-size:.75rem;color:var(--gray);background:rgba(0,0,0,0);border:1px solid var(--lightgray);border-radius:4px;padding:.1rem .45rem;text-decoration:none !important;transition:color .15s,border-color .15s,background .15s}@media(hover: hover){.top-quick-tags .tags a:hover{color:var(--secondary);border-color:var(--secondary);background:rgba(100,100,220,.06);text-decoration:none !important}}.top-entry{margin:0 0 2rem}.top-entry h2{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.top-entry .top-entry-sub{font-size:.82rem;color:var(--gray);margin:0 0 1.25rem}.tag-entry-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}@media(min-width: 640px){.tag-entry-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1024px){.tag-entry-grid{grid-template-columns:repeat(4, 1fr)}}.tag-entry-card{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border:1px solid var(--lightgray);border-radius:8px;text-decoration:none !important;background:var(--light);transition:border-color .15s,box-shadow .15s}.tag-entry-card:hover{border-color:var(--secondary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.tag-entry-card .external-icon,.tag-entry-card>svg{display:none}.tag-entry-card .tag-entry-title{font-size:.95rem;font-weight:600;color:var(--darkgray);line-height:1.3}.tag-entry-card .tag-entry-copy{font-size:.78rem;color:var(--gray);line-height:1.4}@media all and ((max-width: 800px)){.center{display:flex;flex-direction:column;width:100%;min-width:0}article.mcard[data-media=manga] .mcard-img,article.mcard[data-media=manga] a.mcard-cover{position:relative;width:100%;padding-top:133%;height:0;overflow:hidden}article.mcard[data-media=manga] .mcard-img>a,article.mcard[data-media=manga] a.mcard-cover>a{position:absolute;inset:0;display:block;width:100%;height:100%;line-height:0}article.mcard[data-media=manga] .mcard-img img,article.mcard[data-media=manga] a.mcard-cover img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:unset;object-fit:contain;object-position:top center;background:#f0f0ee}}@media(max-width: 520px){h1.article-title{font-size:1.35rem !important;line-height:1.2;margin:.4rem 0 .2rem !important}p.content-meta{font-size:.8em;margin:0 0 .4rem !important;opacity:.65}p.content-meta span{display:none}.page-header{padding-bottom:0 !important;margin-bottom:0 !important}.left.sidebar .page-title{font-size:.95rem}.left.sidebar{padding-top:4px !important;padding-bottom:4px !important;gap:6px !important}}@media(max-width: 520px){.shelf-row{grid-auto-columns:minmax(210px, 78vw);gap:12px}.shelf-cover{aspect-ratio:2/3}.shelf-meta{padding:10px 10px 12px}.shelf-name{-webkit-line-clamp:2;min-height:2.6em;font-size:.95em}.shelf-mini{font-size:.85em}}@media(max-width: 520px){.shelf{margin:.9rem 0 1.2rem}.shelf-head{margin-bottom:8px;row-gap:2px}.shelf-title{font-size:1rem}.shelf-sub{font-size:.85em}.shelf-more{font-size:.85em}}.explorer li a[href^="/relationship"],.explorer li a[href^="/relationship/"]{display:none !important}.explorer li:has(a[href^="/relationship"]){display:none !important}.mcard-fanza-link{font-size:.7rem;color:var(--secondary);opacity:.8;margin-left:auto;text-decoration:none}.mcard-fanza-link:hover{opacity:1;text-decoration:underline}.mcard-meta{display:flex;align-items:center}.mcard-subline-wrap{display:flex;align-items:center;justify-content:space-between}body[data-slug=index] .article-title{display:none !important}body[data-slug=index] .content-meta{display:none !important}body:not([data-slug^=video]):not([data-slug^=manga]) .content-meta{display:none !important}.page-listing,.folder-outer{display:none !important}article.popover-hint{display:block !important;width:100% !important;max-width:100% !important}.page-footer{margin-top:3rem;margin-bottom:2.5rem;padding:0 1rem}.page-footer>.search{max-width:600px;margin:0 auto}.page-footer>.search>.search-button{background:var(--light);border:1px solid var(--secondary);border-radius:8px;height:3.2rem;font-size:1.05rem;justify-content:center;transition:border-color .15s,background-color .15s,box-shadow .15s}.page-footer>.search>.search-button:hover{background:var(--highlight);box-shadow:0 2px 8px rgba(0,0,0,.08)}.page-footer>.search>.search-button svg{width:20px;min-width:20px;margin-right:.8rem}.page-footer>.search>.search-button svg .search-path{stroke:var(--secondary);stroke-width:2px}.page-footer>.search>.search-button>p{color:var(--secondary);font-weight:600}[data-role=page-tags]{max-width:700px;margin:.5rem 0 .2rem;padding:.6rem .8rem .65rem;background:var(--light);border:1px solid var(--lightgray);border-radius:6px}[data-role=page-tags] [data-role=page-tags-label]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin:0 0 .35rem;line-height:1}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding-left:0;margin:.8rem 0 .4rem}.tags>li{display:inline-block;margin:0}.tags a.internal.tag-link{display:inline-block;font-size:.75rem;color:var(--gray);background:rgba(0,0,0,0);border:1px solid var(--lightgray);border-radius:4px;padding:.1rem .45rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.tags a.internal.tag-link:hover{color:var(--secondary);border-color:var(--secondary);background:rgba(var(--secondary-rgb, 100, 100, 220), 0.08)}.page-title-wrap{display:flex;flex-direction:column;gap:0;line-height:1.2}.page-title-sub{font-size:.65rem;color:var(--darkgray);letter-spacing:.05em;margin-top:-0.1rem}.manga-samples{margin:.5rem 0}.manga-samples .gallery-item{display:block;margin-bottom:.25rem}.manga-samples img{width:100%;max-width:920px;height:auto;display:block;border-radius:4px}.manga-samples .rel-nav-grid{display:flex;flex-direction:column;gap:16px;margin:1.5rem 0}.manga-samples .rel-nav-card{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:10px;border:1px solid var(--lightgray);background:var(--light);text-decoration:none !important;color:var(--dark);transition:border-color .2s,box-shadow .2s}.manga-samples .rel-nav-card:hover{border-color:var(--secondary);box-shadow:0 2px 12px rgba(0,0,0,.08)}.manga-samples .rel-nav-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:2px}.manga-samples .rel-nav-body{flex:1;min-width:0}.manga-samples .rel-nav-title{font-size:1.15rem;font-weight:700;color:var(--secondary);margin-bottom:4px}.manga-samples .rel-nav-desc{font-size:.9rem;color:var(--darkgray);line-height:1.5}.diagnosis-page #diagnosis-app{max-width:100%;width:100%;padding:2rem 1.5rem 3rem}.diagnosis-page .seira-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:1.5rem}.diagnosis-page .seira-avatar{width:120px;height:120px;border-radius:50%;background:#eeedfe;border:2px solid #afa9ec;display:flex;align-items:center;justify-content:center;font-size:56px;line-height:1}.diagnosis-page .seira-name{font-size:13px;color:var(--darkgray)}.diagnosis-page .seira-bubble{max-width:640px;margin:0 auto 1.5rem;background:var(--light);border:1px solid var(--lightgray);border-radius:12px;padding:1.5rem 2rem;font-size:18px;line-height:1.75;text-align:center}.diagnosis-page #diagnosis-content{max-width:720px;margin:0 auto}.diagnosis-page .dg-q-title{font-size:22px;font-weight:500;text-align:center;margin-bottom:.5rem}.diagnosis-page .dg-q-sub{font-size:14px;color:var(--darkgray);text-align:center;margin-bottom:1.5rem}.diagnosis-page .dg-chip-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1.5rem}.diagnosis-page .dg-chip{padding:.6rem 1.2rem;border:1px solid var(--lightgray);border-radius:24px;background:var(--light);font-size:16px;cursor:pointer;transition:all .15s}.diagnosis-page .dg-chip:hover{border-color:#7f77dd;color:#534ab7;background:#eeedfe}.diagnosis-page .dg-chip.on{background:#7f77dd;color:#fff;border-color:#7f77dd}.diagnosis-page .dg-chip-none{border-style:dashed;color:var(--darkgray)}.diagnosis-page .dg-next-btn{display:block;margin:0 auto;padding:.9rem 2.5rem;background:#7f77dd;color:#fff;border:none;border-radius:8px;font-size:17px;cursor:pointer;transition:all .15s}.diagnosis-page .dg-next-btn:hover{background:#534ab7}.diagnosis-page .dg-result-combo{font-size:26px;font-weight:500;text-align:center}.diagnosis-page .dg-result-combo span{color:#7f77dd}.diagnosis-page .dg-comment-box{max-width:600px;margin:0 auto;background:var(--lightgray);border-left:4px solid #afa9ec;border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;font-size:16px;line-height:1.8;font-style:italic}.diagnosis-page .dg-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.diagnosis-page .dg-tag{background:#eeedfe;color:#534ab7;font-size:13px;padding:4px 12px;border-radius:20px}.diagnosis-page .dg-cta{display:block;max-width:480px;margin:0 auto;padding:1rem;background:#eeedfe;color:#534ab7;border:1px solid #afa9ec;border-radius:8px;font-size:16px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .15s}.diagnosis-page .dg-cta:hover{background:#cecbf6}.diagnosis-page .dg-retry{display:block;max-width:480px;margin:0 auto;padding:.8rem;background:rgba(0,0,0,0);color:var(--darkgray);border:1px solid var(--lightgray);border-radius:8px;font-size:14px;text-align:center;cursor:pointer}.diagnosis-page .dg-retry:hover{background:var(--lightgray)}.diagnosis-page .dg-prog-bar{max-width:720px;margin:0 auto 1.5rem;height:5px;background:var(--lightgray);border-radius:3px;overflow:hidden}.diagnosis-page .dg-prog-fill{height:100%;background:#7f77dd;border-radius:3px;transition:width .4s}.diagnosis-page .diag-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width: 768px){.diagnosis-page .diag-layout{grid-template-columns:1fr}}.diagnosis-page .diag-right{position:sticky;top:2rem}.diagnosis-page .diag-preview{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;min-height:200px}.diagnosis-page .diag-preview-hint{grid-column:1/-1;text-align:center;color:var(--darkgray);font-size:14px;padding:3rem 0}.diagnosis-page .diag-preview-item{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;border:1px solid var(--lightgray);cursor:pointer;transition:transform .2s,opacity .3s;animation:fadeIn .4s ease;text-decoration:none}.diagnosis-page .diag-preview-item:hover{transform:scale(1.03)}.diagnosis-page .diag-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.diagnosis-page .diag-preview-new{animation:popIn .35s ease}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0.8)}70%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.mcard-img,[data-role=hero-image],[data-role=manga-hero-image],[data-role=manga-hero-wrap]{position:relative}.fav-btn{position:absolute;top:6px;right:6px;z-index:10;width:36px;height:36px;border:none;border-radius:50%;background:hsla(0,0%,100%,.85);color:#222;font-size:22px;line-height:36px;text-align:center;padding:0;cursor:pointer;transition:transform .15s,color .15s,background .15s;opacity:1;-webkit-text-stroke:1px #333;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4))}.fav-btn:hover{transform:scale(1.15);background:hsla(0,0%,100%,.95)}.fav-btn.is-fav{color:#ff4d6a;-webkit-text-stroke:1px #222}.fav-btn-hero{width:44px;height:44px;font-size:26px;line-height:44px;top:12px;right:12px}@media(max-width: 768px){.fav-btn{width:32px;height:32px;font-size:19px;line-height:32px;top:4px;right:4px}}.fav-empty{text-align:center;color:var(--gray);font-size:1rem;padding:3rem 1rem}.fav-count{font-size:.85rem;color:var(--darkgray);margin:0 0 .75rem}.fav-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.fav-action-btn{display:inline-block;padding:.4rem 1rem;font-size:.8rem;border:1px solid var(--lightgray);border-radius:6px;background:var(--light);color:var(--darkgray);cursor:pointer;transition:background .15s,border-color .15s}.fav-action-btn:hover{border-color:var(--secondary);background:var(--highlight)}.fav-action-btn.fav-action-danger{color:#e53e3e;border-color:rgba(229,62,62,.2)}.fav-action-btn.fav-action-danger:hover{background:rgba(229,62,62,.0666666667);border-color:#e53e3e}.fav-nav-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--darkgray);text-decoration:none;margin-top:.25rem;transition:color .15s}.fav-nav-link:hover{color:#ff4d6a}.fav-nav-link .fav-nav-heart{font-size:1rem;color:#ff4d6a}article.popover-hint .sp-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0 .75rem}article.popover-hint a.sp-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:.78rem;line-height:1.4;color:#fff;font-weight:500;text-decoration:none;transition:opacity .15s}article.popover-hint a.sp-tag:hover{opacity:.85;color:#fff}article.popover-hint a.sp-tag.sp-tag-source{background:#2d8a4e}article.popover-hint a.sp-tag.sp-tag-char{background:#c2185b}article.popover-hint a.sp-tag.sp-tag-series{background:#e65100}article.popover-hint a.sp-tag.sp-tag-genre{background:#555}article.popover-hint .sp-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.85rem;color:var(--gray);margin:.25rem 0 1rem;padding:.5rem 0;border-top:1px solid var(--lightgray);border-bottom:1px solid var(--lightgray)}article.popover-hint .sp-meta-line .sp-meta-date{white-space:nowrap}article.popover-hint .sp-meta-line .sp-meta-stars .stars-filled{color:#f5a623}article.popover-hint .sp-meta-line .sp-meta-sale .sale-badge{background:#e53935;color:#fff;padding:2px 6px;border-radius:3px;font-weight:700;font-size:.8rem;margin-right:4px}article.popover-hint .sp-meta-line .sp-meta-sale del{color:var(--gray);font-size:.8rem}article.popover-hint .sp-meta-line .sp-meta-sale strong{color:#e53935;font-size:.95rem}article.popover-hint .sp-samples{display:flex;flex-direction:column;gap:4px;margin:0 0 1rem}article.popover-hint .sp-samples a,article.popover-hint .sp-samples div{display:block;line-height:0}article.popover-hint .sp-hero{margin-bottom:8px}.sp-hero img{max-width:100%;height:auto;border-radius:4px}.sp-samples img{max-width:100%;height:auto;border-radius:4px}.sp-tachiyomi-wrap{margin:12px 0}
.sp-tachiyomi{display:inline-block;padding:8px 20px;background:#5b6abf;color:#fff;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none}.sp-tachiyomi:hover{opacity:.85}article.popover-hint .sp-cta{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0;align-items:center}article.popover-hint a.sp-cta-btn,article.popover-hint button.sp-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none;transition:opacity .15s;white-space:nowrap;border:none;cursor:pointer;font-family:inherit}article.popover-hint a.sp-cta-btn:hover,article.popover-hint button.sp-cta-btn:hover{opacity:.9}article.popover-hint a.sp-cta-fanza{background:#ff6b35;color:#fff}article.popover-hint a.sp-cta-fanza:hover{color:#fff}article.popover-hint a.sp-cta-dlsite{background:#0064b1;color:#fff}article.popover-hint a.sp-cta-dlsite:hover{color:#fff}article.popover-hint button.sp-cta-fav{background:rgba(0,0,0,0);border:2px solid #ff4d6a;color:#ff4d6a;padding:10px 20px;font-size:.85rem}article.popover-hint button.sp-cta-fav:hover{background:#ff4d6a;color:#fff}article.popover-hint .sp-scores{margin:1.5rem 0}article.popover-hint .sp-recommend{background:var(--lightgray);border-radius:8px;padding:1rem 1.25rem;margin:.5rem 0 1.5rem}article.popover-hint .sp-recommend h3{font-size:1rem;margin:0 0 .5rem}article.popover-hint .sp-recommend ul{margin:0;padding-left:1.5rem}article.popover-hint .sp-recommend li{font-size:.9rem;line-height:1.6}article.popover-hint .sp-description{background:var(--lightgray);border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.92rem;line-height:1.8;color:var(--darkgray)}article.popover-hint .table-container:has(.sp-info-table){overflow-x:visible}article.popover-hint table.sp-info-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;padding:0;font-size:.88rem;table-layout:auto}article.popover-hint table.sp-info-table th,article.popover-hint table.sp-info-table td{min-width:0;line-height:1.6}article.popover-hint table.sp-info-table th{text-align:left;padding:8px 12px;background:var(--lightgray);border:1px solid var(--lightgray);border-bottom:1px solid var(--lightgray);white-space:nowrap;width:90px;color:var(--darkgray);font-weight:600}article.popover-hint table.sp-info-table td{padding:8px 12px;border:1px solid var(--lightgray);color:var(--dark)}article.popover-hint table.sp-info-table a{color:var(--secondary);font-weight:500}article.popover-hint .sp-vol-nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}article.popover-hint .sp-vol-nav a,article.popover-hint .sp-vol-nav span{display:inline-block;padding:2px 10px;border-radius:4px;font-size:.8rem;text-decoration:none}article.popover-hint .sp-vol-nav a{background:var(--lightgray);color:var(--dark);font-weight:500}article.popover-hint .sp-vol-nav a:hover{background:var(--secondary);color:#fff}article.popover-hint .sp-vol-nav .sp-vol-current{background:var(--secondary);color:#fff;font-weight:700}article.popover-hint .sp-tags-full{margin:1.5rem 0}article.popover-hint .sp-tags-full .sp-tags-title{font-size:.85rem;font-weight:600;color:var(--gray);margin-bottom:6px}
.expand-button {
position: absolute;
display: flex;
float: right;
padding: 0.4rem;
margin: 0.3rem;
right: 0;
color: var(--gray);
border-color: var(--dark);
background-color: var(--light);
border: 1px solid;
border-radius: 5px;
opacity: 0;
transition: 0.2s;
}
.expand-button > svg {
fill: var(--light);
filter: contrast(0.3);
}
.expand-button:hover {
cursor: pointer;
border-color: var(--secondary);
}
.expand-button:focus {
outline: 0;
}
pre:hover > .expand-button {
opacity: 1;
transition: 0.2s;
}
#mermaid-container {
position: fixed;
contain: layout;
z-index: 999;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
display: none;
backdrop-filter: blur(4px);
background: rgba(0, 0, 0, 0.5);
}
#mermaid-container.active {
display: inline-block;
}
#mermaid-container > #mermaid-space {
border: 1px solid var(--lightgray);
background-color: var(--light);
border-radius: 5px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 80vh;
width: 80vw;
overflow: hidden;
}
#mermaid-container > #mermaid-space > .mermaid-content {
position: relative;
transform-origin: 0 0;
transition: transform 0.1s ease;
overflow: visible;
min-height: 200px;
min-width: 200px;
}
#mermaid-container > #mermaid-space > .mermaid-content pre {
margin: 0;
border: none;
}
#mermaid-container > #mermaid-space > .mermaid-content svg {
max-width: none;
height: auto;
}
#mermaid-container > #mermaid-space > .mermaid-controls {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 8px;
padding: 8px;
background: var(--light);
border: 1px solid var(--lightgray);
border-radius: 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 2;
}
#mermaid-container > #mermaid-space > .mermaid-controls .mermaid-control-button {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 1px solid var(--lightgray);
background: var(--light);
color: var(--dark);
border-radius: 4px;
cursor: pointer;
font-size: 16px;
font-family: var(--bodyFont);
transition: all 0.2s ease;
}
#mermaid-container > #mermaid-space > .mermaid-controls .mermaid-control-button:hover {
background: var(--lightgray);
}
#mermaid-container > #mermaid-space > .mermaid-controls .mermaid-control-button:active {
transform: translateY(1px);
}
#mermaid-container > #mermaid-space > .mermaid-controls .mermaid-control-button:nth-child(2) {
width: auto;
padding: 0 12px;
font-size: 14px;
}
/* ===== 新レイアウト v2 (doujin/manga individual) — !important で旧Quartz CSS を上書き ===== */
.sp-tag-row{display:flex !important;flex-wrap:wrap !important;gap:5px !important;margin-bottom:10px !important}
.sp-tag{display:inline-block !important;padding:5px 13px !important;border-radius:4px !important;font-size:14px !important;font-weight:500 !important;text-decoration:none !important;cursor:pointer;transition:opacity .2s}
.sp-tag:hover{opacity:.75}
.sp-tag-source{background:#e6f5ec !important;color:#2d8a4e !important;border:1px solid #2d8a4e !important}
.sp-tag-char{background:#fce4ec !important;color:#c2185b !important;border:1px solid #c2185b !important}
.sp-tag-genre{background:#f0f0f0 !important;color:#555 !important;border:1px solid #ccc !important}
.sp-tag-series{background:#fff3e0 !important;color:#e65100 !important;border:1px solid #e65100 !important}
.sp-tag-more{background:transparent !important;color:#5b6abf !important;border:1px solid #5b6abf !important;font-size:10px !important}
.sp-meta-line{display:flex !important;align-items:center !important;gap:12px !important;font-size:16px !important;color:#666 !important;margin-bottom:14px !important;flex-wrap:wrap !important;border:none !important;padding:0 !important}
.sp-fav-btn{background:#fff0f3 !important;border:2px solid #ff4d6a !important;border-radius:20px !important;padding:8px 22px !important;cursor:pointer;font-size:16px !important;color:#ff4d6a !important;display:inline-flex !important;align-items:center;gap:5px;font-weight:600;transition:all .2s}
.sp-fav-btn:hover,.sp-fav-btn.active{background:#ff4d6a !important;color:#fff !important}
.sp-stars{color:#f5a623 !important}
.sp-sale-badge{background:#e53935 !important;color:#fff !important;padding:2px 8px !important;border-radius:4px !important;font-size:13px !important;font-weight:700 !important}
.sp-price-old{text-decoration:line-through !important;color:#666 !important;font-size:14px !important}
.sp-price-new{color:#e53935 !important;font-weight:700 !important;font-size:18px !important}
.sp-cta-block{display:flex !important;gap:10px !important;margin:18px 0 !important;flex-wrap:wrap !important}
.sp-cta-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:18px 36px !important;border-radius:8px !important;font-size:18px !important;font-weight:700 !important;text-decoration:none !important;color:#fff !important;transition:transform .15s,box-shadow .15s;flex:1;min-width:180px;text-align:center}
.sp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.sp-cta-fanza{background:#333 !important;color:#fff !important}
.sp-cta-dlsite{background:#0064b1 !important;color:#fff !important}
.sp-cta-fav{background:#fff0f3 !important;color:#ff4d6a !important;border:2px solid #ff4d6a !important}
.sp-cta-fav:hover{background:#ff4d6a !important;color:#fff !important}
.sp-score-section{background:#fff !important;border:1px solid #e5e5e5 !important;border-radius:10px !important;padding:16px 20px !important;margin-top:0 !important;margin-bottom:18px !important}
.sp-score-section h3{font-size:16px !important;color:#666 !important;margin-top:0 !important;margin-bottom:10px !important;font-weight:500 !important}
.sp-score-row{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:6px !important;font-size:16px !important}
.sp-score-label{width:160px !important;flex-shrink:0 !important;font-size:15px !important}
.sp-score-bar-wrap{flex:1;height:12px !important;background:#e8e8e8 !important;border-radius:5px !important;overflow:hidden !important}
.sp-score-bar-fill{height:100% !important;border-radius:5px !important}
.sp-score-high{background:#4caf50 !important}
.sp-score-mid{background:#5b6abf !important}
.sp-score-low{background:#ff9800 !important}
.sp-score-value{width:48px;text-align:right;font-weight:600;font-size:15px}
.sp-score-comment{font-size:15px;color:#444;margin-top:8px;padding-top:8px;border-top:1px solid #e5e5e5}
.sp-recommend{background:#eef0ff !important;border:1px solid #d0d5f5 !important;border-radius:10px !important;padding:14px 18px !important;margin-top:0 !important;margin-bottom:18px !important}
.sp-recommend h3{font-size:16px !important;font-weight:700 !important;color:#5b6abf !important;margin-top:0 !important;margin-bottom:6px !important}
.sp-recommend ul{list-style:none !important;padding:0 !important}
.sp-recommend li{padding:2px 0 !important;font-size:16px !important}
.sp-recommend li::before{content:"•";color:#5b6abf;font-weight:700;margin-right:8px}
.sp-trend{font-size:11px;color:#555;margin-top:6px;padding:5px 8px;background:rgba(91,106,191,.08);border-radius:6px}
.sp-description{background:#fff !important;border:1px solid #e5e5e5 !important;border-radius:10px !important;padding:16px 20px !important;margin-top:0 !important;margin-bottom:18px !important}
.sp-description h3{font-size:16px !important;font-weight:700 !important;color:#5b6abf !important;margin-top:0 !important;margin-bottom:6px !important}
.sp-description p{font-size:16px !important;line-height:1.8 !important;color:#333 !important}
.sp-info-table{background:#fff !important;border:1px solid #e5e5e5 !important;border-radius:10px !important;padding:12px 16px !important;margin-top:0 !important;margin-bottom:18px !important;font-size:15px !important;width:auto !important;max-width:500px !important;border-collapse:separate !important}
.sp-info-table td{padding:4px 10px !important;border:none !important}
.sp-info-table td:first-child{color:#666 !important;font-weight:500 !important;white-space:nowrap !important}
.sp-info-table th{display:none !important}
.sp-info-table a{color:#5b6abf !important;text-decoration:none !important}
.sp-series-nav{display:inline-flex;gap:3px;align-items:center;margin-left:4px;font-size:13px;flex-wrap:wrap}
.sp-series-nav a{padding:2px 7px;border:1px solid #e5e5e5;border-radius:4px;text-decoration:none;color:#666;cursor:pointer}
.sp-series-nav a:hover{background:#f5f5f5}
.sp-series-nav a.current{background:#5b6abf !important;color:#fff !important;border-color:#5b6abf !important;font-weight:700;cursor:default}
.sp-genre-bottom{margin-top:40px !important;margin-bottom:18px}
.sp-genre-bottom h4{font-size:15px;color:#666;margin-bottom:6px}
.sp-hero img,.sp-samples img{max-width:100%;height:auto;border-radius:4px}
.sp-divider{border:none;border-top:1px solid #e5e5e5;margin:8px 0}
/* ===== 個別ページ: Quartz元のコンテナ幅に戻す ===== */
/* .center: max-width:1440px (Quartz default for no-left-sidebar.no-right-sidebar) */
/* 記事本体の段落/画像は 900-950px で制限 */
body.no-left-sidebar.no-right-sidebar article>p,
body.no-left-sidebar.no-right-sidebar article>h2,
body.no-left-sidebar.no-right-sidebar article>h3{max-width:950px}
body.no-left-sidebar.no-right-sidebar article>.sp-samples,
body.no-left-sidebar.no-right-sidebar article>.sp-score-section,
body.no-left-sidebar.no-right-sidebar article>.sp-recommend,
body.no-left-sidebar.no-right-sidebar article>.sp-description,
body.no-left-sidebar.no-right-sidebar article>.sp-info-table,
body.no-left-sidebar.no-right-sidebar article>.sp-genre-bottom,
body.no-left-sidebar.no-right-sidebar article>.sp-cta-block,
body.no-left-sidebar.no-right-sidebar article>.sp-tag-row,
body.no-left-sidebar.no-right-sidebar article>.sp-meta-line,
body.no-left-sidebar.no-right-sidebar article>section[data-role=manga-hero-wrap],
body.no-left-sidebar.no-right-sidebar article>.sp-tachiyomi-wrap,
body.no-left-sidebar.no-right-sidebar article>hr.sp-divider{max-width:900px}
body.no-left-sidebar.no-right-sidebar article>.sp-samples img{max-width:900px}
body.no-left-sidebar.no-right-sidebar .article-title{font-size:26px;font-weight:700;line-height:1.4;margin-bottom:10px;max-width:950px}
@media(max-width:600px){
.sp-cta-btn{flex:unset;width:100%;padding:14px;font-size:14px}
.sp-score-label{width:90px}
body.no-left-sidebar.no-right-sidebar .article-title{font-size:17px}
}
/* ===== Footer v1.0 ===== */
.site-footer{background:#1a1a2e;color:#ccc;margin-top:3rem;padding:2.5rem 1.5rem 1.5rem;font-size:.85rem}
.footer-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}
.footer-logo{font-size:1.4rem;font-weight:bold;color:#fff;letter-spacing:.05em}
.footer-sub{font-size:.78rem;color:#aaa;margin-top:.3rem}
.footer-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.footer-nav a{color:#bbb;text-decoration:none;font-size:.85rem}
.footer-nav a:hover{color:#fff}
.footer-desc{font-size:.78rem;color:#888;line-height:1.7;max-width:600px}
.footer-legal{border-top:1px solid #333;padding-top:1rem;font-size:.72rem;color:#999}
.footer-legal p{margin:.2rem 0}
.footer-legal p:first-child{color:#aaa}
.footer-legal p:last-child{color:#777}
@media(max-width:600px){.footer-nav{gap:.5rem 1rem}.footer-logo{font-size:1.2rem}}
/* ===== Tag Page Masonry v2.8.0 ===== */
.tag-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;align-items:start}
@media(max-width:1200px){.tag-masonry{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.tag-masonry{grid-template-columns:1fr}}
.tag-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;padding:.6rem .8rem;background:var(--light);border:1px solid var(--lightgray);border-radius:8px;font-size:.85rem;color:var(--gray)}
.tag-related{margin-top:.6rem}
.tag-related h3{font-size:.85rem;color:var(--gray);margin-bottom:.4rem}
.tag-related .tag-chips{display:flex;flex-wrap:wrap;gap:.4rem}
/* ===== Masonry Feed + mcard v2.8.0 ===== */
[data-role="masonry-feed"]{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;align-items:start;width:100%}
@media(max-width:800px){[data-role="masonry-feed"]{grid-template-columns:1fr}}
.mcard{break-inside:avoid;display:inline-block;width:100%;margin-bottom:.7rem;border-radius:8px;overflow:hidden;background:var(--light);border:1px solid var(--lightgray);transition:border-color .12s,box-shadow .12s}
.mcard:hover{border-color:var(--secondary);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.mcard .mcard-img,.mcard a.mcard-cover{display:block;line-height:0}
.mcard .mcard-img a,.mcard a.mcard-cover a{display:block;width:100%}
.mcard .mcard-img img,.mcard a.mcard-cover img{width:100%;height:auto;display:block;border-radius:0;aspect-ratio:3/4;object-fit:cover;background:#f0f0ee}
.mcard[data-media="manga"] .mcard-img img{object-position:top center}
.mcard .external-icon,.mcard .mcard-img svg{display:none}
.mcard .mcard-body{padding:.35rem .55rem .45rem}
.mcard .mcard-rank{display:block;font-size:.65rem;font-weight:700;color:var(--gray);margin-bottom:.1rem;line-height:1}
.mcard [data-role="media-badge"]{display:inline-block;font-size:.62rem;font-weight:700;line-height:1;padding:.12rem .38rem;border-radius:3px;margin-right:.3rem;vertical-align:middle;white-space:nowrap}
.mcard [data-role="media-badge"][data-media="doujin"]{background:#e8f0e8;color:#4a8a4a}
.mcard [data-role="media-badge"][data-media="manga"]{background:#f0e8ed;color:#8a4a68}
.mcard .mcard-title{font-size:.82rem;font-weight:600;line-height:1.4;margin:0 0 .18rem}
.mcard .mcard-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--dark);text-decoration:none;background:none}
.mcard .mcard-title a:hover{color:var(--secondary)}
.mcard-meta{display:flex;align-items:center;font-size:.72rem;color:var(--gray);margin:0;line-height:1.3}
.mcard-fanza-link{font-size:.7rem;color:var(--secondary);opacity:.8;margin-left:auto;text-decoration:none}
.mcard-fanza-link:hover{opacity:1;text-decoration:underline}
.chip-reason{display:inline-block;font-size:.72rem;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:rgba(0,0,0,.03);opacity:.9;text-decoration:none;color:var(--darkgray)}
.chip-reason:hover{background:rgba(0,0,0,.08)}
.chip-score{display:inline-block;padding:.2rem .6rem;font-size:.72rem;border:1px solid var(--lightgray);border-radius:999px;color:var(--darkgray);background:var(--light);text-decoration:none}
.chip-score:hover{background:var(--lightgray)}
.mcard-chips{margin-top:.3rem}
.mcard-score-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}
.sale-badge{display:inline-block;background:#e53935;color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:3px;margin-right:.3rem;vertical-align:middle}
@media(max-width:800px){.mcard{margin-bottom:.45rem;border-radius:6px}.mcard .mcard-body{padding:.3rem .4rem .35rem}.mcard .mcard-title{font-size:.78rem}}
/* ===== Tag chip (in tag-chips div) ===== */
.tag-chip{display:inline-block;padding:.2rem .55rem;font-size:.78rem;border:1px solid var(--lightgray);border-radius:999px;color:var(--darkgray);background:var(--light);text-decoration:none;margin:.15rem 0}
.tag-chip:hover{background:var(--lightgray)}
/* ===== RecentThumbnails (sidebar random pickup) v1.13.2 ===== */
.recent-thumbnails{margin-top:1.5rem;width:100%}
.rt-heading{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--darkgray);margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--lightgray)}
.rt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.rt-card{margin:0}
.rt-link{display:block;text-decoration:none!important;border-radius:6px;overflow:hidden;background:var(--lightgray);transition:transform .12s,box-shadow .12s}
.rt-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.18);text-decoration:none!important}
.rt-image-wrap{position:relative;width:100%;padding-top:133%;overflow:hidden;background:var(--lightgray)}
.rt-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.rt-badge{position:absolute;top:5px;left:5px;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:3px;background:rgba(0,0,0,.65);color:#fff;letter-spacing:.04em;pointer-events:none}
.rt-title{margin:0;padding:.4rem .5rem .45rem;font-size:.74rem;font-weight:600;line-height:1.4;color:var(--dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.rt-link .external-icon,.rt-link svg.external{display:none!important}
/* ===== Tag pagination nav ===== */
.tag-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:2rem 0 1rem;flex-wrap:wrap}
.tag-pagination a,.tag-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid var(--lightgray);border-radius:4px;font-size:.85rem;text-decoration:none;color:var(--darkgray)}
.tag-pagination a:hover{background:var(--highlight);border-color:var(--secondary)}
.tag-pagination .current{background:var(--secondary);color:#fff;border-color:var(--secondary);font-weight:700}
.tag-pagination .ellipsis{border:none;color:var(--gray)}
/* ===== Site Header (global, fixed top) ===== */
.site-header{
position:sticky;top:0;z-index:100;
background:var(--light);
border-bottom:1px solid var(--lightgray);
padding:.5rem 16px;
}
.site-header-inner{
display:flex;align-items:center;justify-content:flex-start;gap:1rem;
margin:0;padding:0;
}
.site-header .page-title{font-size:24px !important;font-weight:700 !important;margin:0;font-family:var(--titleFont)}
.site-header .page-title>a{opacity:1 !important;color:var(--dark) !important}
.site-header .page-title>a{color:var(--dark) !important;text-decoration:none;opacity:1 !important}
.site-header .page-title>a:hover{color:var(--secondary) !important}
.site-header .fav-nav-link{font-size:.8rem;color:var(--darkgray);text-decoration:none;white-space:nowrap}
.site-header .fav-nav-link:hover{color:var(--secondary)}
.site-header .fav-nav-heart{color:#e74c3c}
/* ===== 検索バー (sp-search-*) ===== */
.sp-search{position:relative;flex:1 1 auto;max-width:500px;min-width:140px;margin:0 auto}
.sp-search-input{
width:100%;padding:10px 16px;font-size:16px;
border:1.5px solid #999;border-radius:8px;
background:#fff;color:var(--dark);
outline:none;box-sizing:border-box;
transition:border-color .15s, box-shadow .15s;
}
.sp-search-input::placeholder{color:#888}
.sp-search-input:hover{border-color:#666}
.sp-search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px rgba(91,106,191,.2)}
.sp-search-dropdown{
position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:300;
background:var(--light);border:1px solid var(--lightgray);
border-radius:6px;
max-height:70vh;overflow-y:auto;
box-shadow:0 4px 16px rgba(0,0,0,.18);
}
.sp-search-status{
padding:.6rem .8rem;margin:0;
font-size:.82rem;color:var(--darkgray);text-align:center;
}
.sp-search-result{
display:flex;align-items:center;gap:.6rem;
padding:.5rem .6rem;text-decoration:none;color:var(--dark);
border-bottom:1px solid var(--lightgray);
}
.sp-search-result:last-child{border-bottom:none}
.sp-search-result:hover{background:rgba(91,106,191,.08)}
.sp-search-result-img{
width:48px;height:64px;flex-shrink:0;
background:var(--lightgray);border-radius:3px;overflow:hidden;
}
.sp-search-result-img img{width:100%;height:100%;object-fit:cover;display:block}
.sp-search-result-body{flex:1;min-width:0}
.sp-search-result-title{
font-size:.85rem;font-weight:600;margin:0 0 .15rem;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
color:var(--dark);
}
.sp-search-result-tags{
font-size:.7rem;color:var(--darkgray);margin:0;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sp-search-result-badge{
display:inline-block;font-size:.65rem;font-weight:700;
padding:1px 5px;border-radius:3px;margin-right:5px;
color:#fff;vertical-align:middle;
}
.sp-search-result-badge[data-media="manga"]{background:#0064b1}
.sp-search-result-badge[data-media="doujin"]{background:#e65100}
/* フッター内検索バー: max-width:500px, 中央寄せ, 上方向に開く */
.sp-search-footer{max-width:500px;margin:16px auto;flex:0 0 auto;width:100%}
.sp-search-footer .sp-search-dropdown{top:auto;bottom:calc(100% + 4px)}
/* 「他N件の検索結果を見る」リンク */
.sp-search-more-link{
display:block;text-align:center;padding:12px;
color:#5b6abf;font-weight:700;font-size:15px;
cursor:pointer;border-top:1px solid #e5e5e5;
text-decoration:none;
}
.sp-search-more-link:hover{background:#f0f0ff;text-decoration:underline}
/* /search/ 検索結果ページ */
.sp-search-page{max-width:1200px;margin:0 auto;padding:0 16px}
.sp-search-page-status{
text-align:center;font-size:.95rem;color:var(--darkgray);
margin:16px 0;padding:8px;
}
.sp-search-page-more-wrap{text-align:center;margin:24px 0}
.sp-search-page-more{
background:#5b6abf;color:#fff;border:none;
padding:12px 32px;font-size:15px;font-weight:700;
border-radius:8px;cursor:pointer;
}
.sp-search-page-more:hover{background:#4a5aa5}
.sp-search-page-more:disabled{background:#999;cursor:default}
@media (max-width:640px){
.sp-search{margin:0;min-width:0}
.sp-search-input{font-size:16px}
.sp-search-footer{margin:16px auto}
}
.page>#quartz-body .page-header{margin-top:0 !important}
/* ===== Back to Top Button ===== */
#back-to-top{
position:fixed;bottom:20px;right:20px;z-index:200;
width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;
background:rgba(0,0,0,.45);color:#fff;font-size:18px;line-height:40px;text-align:center;
opacity:0;pointer-events:none;transition:opacity .25s;
box-shadow:0 2px 6px rgba(0,0,0,.25);
}
#back-to-top.visible{opacity:1;pointer-events:auto}
#back-to-top:hover{background:rgba(0,0,0,.65)}
/* ===== Breadcrumbs (inline, single line) ===== */
.breadcrumb-container{
display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
gap:0;margin:0;margin-top:8px;padding:0;
}
.breadcrumb-element{
display:inline-flex;align-items:center;gap:0;
white-space:nowrap;
}
.breadcrumb-element p{
margin:0 .35rem;padding:0;line-height:normal;
color:var(--gray);font-size:15px;
}
.breadcrumb-element a{
font-size:15px;color:var(--darkgray);text-decoration:none;
}
.breadcrumb-element a:hover{color:var(--secondary)}
/* ===== 個別ページ: hero画像サイズ制限 + sp-* 要素の max-width ===== */
/* 修正1: hero画像を900pxに制限（サンプル画像と同じサイズ） */
body.no-left-sidebar.no-right-sidebar article>p>a>img {
max-width: 900px;
width: 100%;
height: auto;
display: block;
}
/* 修正2: sp-* 要素にmax-widthを追加（左余白を作る） */
body.no-left-sidebar.no-right-sidebar article>.sp-tag-row,
body.no-left-sidebar.no-right-sidebar article>.sp-meta-line,
body.no-left-sidebar.no-right-sidebar article>.sp-cta-block,
body.no-left-sidebar.no-right-sidebar article>.sp-score-section,
body.no-left-sidebar.no-right-sidebar article>.sp-recommend,
body.no-left-sidebar.no-right-sidebar article>.sp-description,
body.no-left-sidebar.no-right-sidebar article>.sp-genre-bottom {
max-width: 950px;
}
body.no-left-sidebar.no-right-sidebar article>.sp-info-table {
max-width: 500px;
}
body.no-left-sidebar.no-right-sidebar article>.sp-samples {
max-width: 900px;
}
body.no-left-sidebar.no-right-sidebar article>hr.sp-divider {
max-width: 900px;
}
/* ===== メタテーブル: カード型 ===== */
.sp-info-table {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 10px;
padding: 12px 16px;
margin-bottom: 18px;
font-size: 12px;
}
.sp-info-table dl {
display: grid;
grid-template-columns: 72px 1fr;
gap: 4px 10px;
margin: 0;
padding: 0;
}
.sp-info-table dt {
color: #666;
font-weight: 500;
margin: 0;
}
.sp-info-table dd {
margin: 0;
}
.sp-info-table a {
color: #5b6abf;
text-decoration: none;
}
/* ===== Phase 7: 関連タグ ===== */
.sp-related-tags {
max-width: 1200px;
margin-bottom: 24px;
}
.sp-related-tags h4 {
font-size: 15px;
color: #666;
margin-top: 0 !important;
margin-bottom: 8px;
}
/* ===== Phase 7: 関連作品セクション ===== */
.sp-related-section {
margin-bottom: 24px;
max-width: 950px;
}
.sp-related-section h3 {
font-size: 16px;
font-weight: 700;
margin-top: 0 !important;
margin-bottom: 8px;
padding-bottom: 5px;
border-bottom: 2px solid #5b6abf;
}
.sp-related-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.sp-related-card {
text-decoration: none;
color: #1a1a1a;
transition: transform .2s;
display: block;
}
.sp-related-card:hover {
transform: translateY(-2px);
}
.sp-related-img {
width: 100% !important;
aspect-ratio: 3/4;
border-radius: 5px !important;
border: 1px solid #e5e5e5;
object-fit: cover;
display: block;
max-width: none !important;
height: auto;
}
.sp-related-title {
font-size: 13px;
margin: 3px 0 0 0;
line-height: 1.3;
color: #444;
}
@media(max-width:600px) {
.sp-related-grid { grid-template-columns: repeat(2, 1fr); }
}
/* ===== おすすめカード内の傾向行 ===== */
.sp-rec-trend {
font-size: 13px;
color: #555;
margin-top: 6px;
padding: 5px 8px;
background: rgba(91, 106, 191, 0.08);
border-radius: 6px;
}
/* ===== サンプル画像: 1列表示 (hero画像と同じ幅) ===== */
.sp-samples {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin: 0 0 1rem !important;
}
.sp-samples > a {
display: block !important;
line-height: 0 !important;
}
.sp-samples img {
display: block !important;
width: 100% !important;
height: auto !important;
}
/* ===== タグ折りたたみ (Phase 1) ===== */
.sp-tag-hidden { display: none !important; }
.sp-tag-more {
background: transparent;
color: #5b6abf;
border: 1px solid #5b6abf;
font-size: 10px;
cursor: pointer;
padding: 3px 9px;
border-radius: 4px;
font-weight: 500;
font-family: inherit;
line-height: 1.4;
}
.sp-tag-more:hover { opacity: 0.75; }