@font-face{font-family:CMSsans;src:url('../guide-fonts/notosansjp-complete.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:CMSserif;src:url('../guide-fonts/notoserifjp-complete.woff2') format('woff2');font-weight:100 900;font-display:swap}
.cms-document{box-sizing:border-box;max-width:840px;width:100%;margin:24px auto;padding:0 24px 64px;color:#20344f;font:16px/1.95 CMSsans,Meiryo,sans-serif;background:white;overflow-wrap:anywhere}.cms-document *{box-sizing:border-box}.cms-document h1,.cms-document h2,.cms-document h3{font-family:CMSserif,serif;line-height:1.5}.cms-document h1{font-size:clamp(25px,4vw,38px);margin:8px 0 16px}.cms-hero{padding:28px 30px;border:1px solid #b3a275;outline:1px solid #b9aa7a66;outline-offset:-8px;background:linear-gradient(120deg,#fffefa,#f4f2e9);color:#294a40;margin-bottom:32px}.cms-eyebrow{font:12px/1.6 CMSsans,sans-serif;letter-spacing:.15em;color:#94712d}.cms-design-detail .cms-hero{background:linear-gradient(120deg,#203753,#0e1b30);color:#fff0d2;border-color:#d5b875}.cms-design-detail .cms-hero .cms-eyebrow{color:#d5b875}.cms-document h2{font-size:24px;padding:16px 20px;background:#182a47;border:3px double #d5b875;color:#fff0d2;margin:32px 0 20px}.cms-design-guide>h2,.cms-design-guide .cms-block-heading h2{background:linear-gradient(#59313b,#361c29);border:4px double #d5b875}.cms-document h3{font-size:21px;border-bottom:1px solid #b3a275;padding-bottom:10px;margin:25px 0 16px}.cms-document p{white-space:pre-wrap;margin:16px 0}.cms-document a{color:#159ecf;font-weight:400;text-decoration:none}.cms-document .guide-page-link{font-weight:700}.cms-document img{display:block;width:100%;height:auto;max-width:100%}.cms-image{margin:24px auto}.cms-toc{border:1px solid #d8cfb7;border-left:3px solid #b3a275;padding:20px 24px;margin:24px 0}.cms-toc h2{background:none!important;color:#20344f;border:0;border-bottom:1px solid #b3a275;font-size:23px;padding:0 0 12px;margin:0 0 12px}.cms-toc ol{padding-left:24px}.cms-toc li{margin:8px 0}.cms-cyan{color:#159ecf}.cms-red{color:#d52222}.cms-gold{color:#94702d}.cms-sans{font-family:CMSsans,sans-serif}.cms-serif{font-family:CMSserif,serif}

.cms-width-20{width:20%}.cms-width-21{width:21%}.cms-width-22{width:22%}.cms-width-23{width:23%}.cms-width-24{width:24%}.cms-width-25{width:25%}.cms-width-26{width:26%}.cms-width-27{width:27%}.cms-width-28{width:28%}.cms-width-29{width:29%}.cms-width-30{width:30%}.cms-width-31{width:31%}.cms-width-32{width:32%}.cms-width-33{width:33%}.cms-width-34{width:34%}.cms-width-35{width:35%}.cms-width-36{width:36%}.cms-width-37{width:37%}.cms-width-38{width:38%}.cms-width-39{width:39%}.cms-width-40{width:40%}.cms-width-41{width:41%}.cms-width-42{width:42%}.cms-width-43{width:43%}.cms-width-44{width:44%}.cms-width-45{width:45%}.cms-width-46{width:46%}.cms-width-47{width:47%}.cms-width-48{width:48%}.cms-width-49{width:49%}.cms-width-50{width:50%}.cms-width-51{width:51%}.cms-width-52{width:52%}.cms-width-53{width:53%}.cms-width-54{width:54%}.cms-width-55{width:55%}.cms-width-56{width:56%}.cms-width-57{width:57%}.cms-width-58{width:58%}.cms-width-59{width:59%}.cms-width-60{width:60%}.cms-width-61{width:61%}.cms-width-62{width:62%}.cms-width-63{width:63%}.cms-width-64{width:64%}.cms-width-65{width:65%}.cms-width-66{width:66%}.cms-width-67{width:67%}.cms-width-68{width:68%}.cms-width-69{width:69%}.cms-width-70{width:70%}.cms-width-71{width:71%}.cms-width-72{width:72%}.cms-width-73{width:73%}.cms-width-74{width:74%}.cms-width-75{width:75%}.cms-width-76{width:76%}.cms-width-77{width:77%}.cms-width-78{width:78%}.cms-width-79{width:79%}.cms-width-80{width:80%}.cms-width-81{width:81%}.cms-width-82{width:82%}.cms-width-83{width:83%}.cms-width-84{width:84%}.cms-width-85{width:85%}.cms-width-86{width:86%}.cms-width-87{width:87%}.cms-width-88{width:88%}.cms-width-89{width:89%}.cms-width-90{width:90%}.cms-width-91{width:91%}.cms-width-92{width:92%}.cms-width-93{width:93%}.cms-width-94{width:94%}.cms-width-95{width:95%}.cms-width-96{width:96%}.cms-width-97{width:97%}.cms-width-98{width:98%}.cms-width-99{width:99%}.cms-width-100{width:100%}
.cms-image-slot{display:block;width:100%;min-height:160px;border:1px dashed #b3a275!important;background:#faf8f0!important;color:#627581!important}.cms-preview .cms-image-slot{display:none!important}html{scroll-behavior:smooth}.cms-document [id]{scroll-margin-top:90px}

.cms-toc-ad-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;margin:24px 0}.cms-toc-ad-layout>.cms-toc{width:100%;min-width:0;margin:0}.cms-ad-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;min-width:0;padding:20px;border:1px solid #d8cfb7;background:#fafafa;color:#78838b;font:14px/1.6 CMSsans,Meiryo,sans-serif;text-align:center}.cms-toc-ad-layout a{overflow-wrap:anywhere}@media(max-width:600px){.cms-toc-ad-layout{gap:12px}.cms-toc-ad-layout>.cms-toc{padding:14px 12px}.cms-ad-placeholder{padding:12px}}

.cms-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px}.cms-hero-copy{min-width:0}.cms-hero-copy h1{font-size:clamp(24px,3vw,34px)}.cms-hero-image{position:relative;min-width:0;margin:4px 0 12px}.cms-hero-frame{display:block;width:100%;aspect-ratio:4/3;padding:6px!important;border:1px solid #b3a275!important;background:#f1ecdf!important;border-radius:0!important;box-sizing:border-box;overflow:hidden}.cms-hero-frame img{width:100%;height:100%;object-fit:cover;display:block}.cms-hero-placeholder{display:flex;align-items:center;justify-content:center;min-height:100%;font:14px/1.6 CMSsans,Meiryo,sans-serif;color:#78838b;background:#fafafa}.cms-guide-badge{position:absolute;right:10px;bottom:-13px;z-index:2;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:3px double #7b6a42;border-radius:50%;background:#d9c38b;color:#254035;font:bold 16px/1.5 CMSserif,serif;text-align:center;pointer-events:none}.cms-hero-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}@media(max-width:650px){.cms-hero{grid-template-columns:1fr;gap:16px}.cms-hero-frame{aspect-ratio:16/10}.cms-hero-copy h1{font-size:27px}}

.cms-hero-image>.cms-hero-frame{transform:rotate(-2deg);transform-origin:center}.cms-hero-image>.cms-guide-badge{transform:none}


/* Match the existing gem-conversion quest-board image space. */
.cms-document{container-type:inline-size}.cms-hero{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:35px;padding:34px 38px;min-height:340px}.cms-hero-image{margin:0}.cms-hero-frame{height:260px;aspect-ratio:auto;padding:7px!important;border-color:#a99863!important;background:#ece6d2!important}.cms-hero-frame img{object-position:53% center}.cms-guide-badge{right:12px;bottom:-12px;width:67px;height:67px;font-size:15px}@media(max-width:700px){.cms-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px}.cms-hero-frame{height:190px;aspect-ratio:auto}.cms-hero-image{margin-bottom:14px}}@container(max-width:620px){.cms-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px}.cms-hero-frame{height:190px;aspect-ratio:auto}.cms-hero-image{margin-bottom:14px}}

/* Use the same 840px content width and 15px viewport gutters as existing articles. */
.cms-document{width:calc(100% - 30px);max-width:840px;padding:0 0 64px}

.cms-content-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.cms-content-pair>p{margin:0;overflow-wrap:anywhere;min-width:0}.cms-content-pair>figure{margin:0;width:100%;min-width:0}.cms-content-pair img{display:block;max-width:100%;width:100%;height:auto}.cms-content-pair .cms-image-slot{width:100%;min-height:180px}.cms-content-pair.image-left>figure{grid-column:1;grid-row:1}.cms-content-pair.image-left>p{grid-column:2;grid-row:1}@media(max-width:600px){.cms-content-pair{grid-template-columns:1fr;gap:16px}.cms-content-pair>figure,.cms-content-pair.image-left>figure{grid-column:1;grid-row:1}.cms-content-pair>p,.cms-content-pair.image-left>p{grid-column:1;grid-row:2}}

@media(max-width:600px){.cms-toc-ad-layout{grid-template-columns:minmax(0,1fr)}.cms-toc-ad-layout>.cms-ad-placeholder{display:none}.cms-toc-ad-layout>.cms-toc{width:100%;box-sizing:border-box}}

.cms-design-detail .cms-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:30px 36px}.cms-design-detail .cms-hero-image{display:none}

.cms-design-outlanders-home .cms-hero{background:linear-gradient(110deg,#fff,#eaf8f7);border:1px solid #e3edef;border-radius:16px}.cms-design-outlanders-home .cms-guide-badge{display:none}.cms-design-outlanders-home .cms-hero-frame{transform:none;border:0;background:transparent;box-shadow:none}.cms-design-outlanders-home .cms-hero-image img{object-fit:contain}.cms-design-outlanders-home .cms-eyebrow{color:#087b87}

/* Fit the existing site shell while using the editor's guide/detail templates. */
.outlanders-database .cms-document{width:100%;max-width:840px;margin:0;padding:0 0 40px;border:0;background:white}
.outlanders-database .cms-hero{box-sizing:border-box;margin-bottom:32px;grid-template-columns:minmax(0,1fr);min-height:0}
.outlanders-database .cms-hero h1{color:inherit}.outlanders-database .cms-design-detail .cms-hero .cms-eyebrow{color:#d5b875!important}
.outlanders-database .cms-document h2{margin:32px 0 20px;border-bottom:3px double #d5b875}
.outlanders-database .cms-design-guide h2{background:linear-gradient(#59313b,#361c29);border:4px double #d5b875}
.outlanders-database .cms-toc h2{background:none!important;border:0!important;border-bottom:1px solid #b3a275!important;color:#20344f;padding:0 0 12px;margin:0 0 12px;font-size:23px}
.outlanders-database .cms-toc{box-sizing:border-box}.outlanders-database .cms-document>section:not(:has(.cms-toc)){padding-left:0;padding-right:0}
.outlanders-database .cms-document>img{width:auto;max-width:100%;max-height:320px;object-fit:contain;margin:24px auto}
.outlanders-database .cms-document section{box-sizing:border-box}.outlanders-database .cms-document .database-card{padding:12px!important}
.outlanders-database .database-card img{width:72px;height:72px}
@media(max-width:700px){.outlanders-database .cms-document{width:100%}.outlanders-database .cms-hero{padding:24px}.outlanders-database .cms-document h2{font-size:21px}}