.guide-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.guide-cards article { display:flex; flex-direction:column; padding:26px; border:1px solid var(--line); border-radius:18px; background:#171e23; min-width:0; }
.guide-cards h3 { font-size:21px; line-height:1.5; margin:0 0 12px; }
.guide-cards h3 a:hover { color:#b5eee6; }
.guide-cards p:not(.eyebrow) { font-size:14px; color:#b8c3ca; line-height:1.85; }
.guide-cards .text-link { margin-top:auto; padding-top:18px; }
.reading-page { max-width:1000px; }
.reading-page h1 { max-width:850px; }
.reading-page .policy-content, .reading-intro, .article-contents { max-width:760px; }
.reading-intro { color:#c3cdd3; line-height:1.85; word-break:keep-all; overflow-wrap:anywhere; }
.reading-page .policy-content p, .reading-page .policy-content li { font-size:16px; line-height:1.95; color:#c3cdd3; overflow-wrap:anywhere; }
.reading-page ul, .article-contents ol { padding-left:24px; }
.reading-page li + li { margin-top:10px; }
.article-contents { padding:20px 26px; margin:30px 0 40px; background:#172727; border-left:3px solid #9ce8e4; border-radius:0 12px 12px 0; }
.article-contents ol { list-style:none; padding:0; margin:0; }
.article-contents a, .service-policy-links a { color:#b5eee6; text-decoration:underline; text-underline-offset:4px; }
.prompt-example { margin:24px 0 12px; padding:20px 24px; background:#172727; border-left:3px solid #9ce8e4; border-radius:0 12px 12px 0; }
.reading-page .policy-content .guide-note { font-size:13px; color:#9aaeb7; }
.reading-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin:36px 0 64px; }
.service-policy-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.reading-page .guide-cards { margin-top:24px; }
.reading-page section { scroll-margin-top:30px; }
.case-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 12px}
.case-comparison figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#172323;min-width:0}
.case-comparison img{display:block;width:100%;height:360px;object-fit:contain;background:white}
.case-comparison figcaption{padding:14px 20px;color:#c6dbd4;font-size:14px}
.model-slot{height:360px;display:flex;align-items:center;justify-content:center;padding:0}
.model-slot .button{margin:20px;white-space:normal;text-align:center}
.case-viewer{width:100%;height:360px;border:0;display:block}
.model-visual img{object-fit:contain;background:white}
@media(max-width:800px) { .guide-cards { grid-template-columns:1fr; } .guide-cards article { padding:22px; } }
@media(max-width:640px) { .case-comparison{grid-template-columns:1fr}.case-comparison img{height:300px} }
@media(max-width:520px) { .service-policy-links { grid-template-columns:1fr; } .article-contents { padding:18px; } .prompt-example { padding:16px 18px; } .reading-page .policy-content p,.reading-page .policy-content li { font-size:15px; } }
