html{color-scheme:light}body{margin:0;color:#354a48}a{color:#896022;text-underline-offset:4px}.guide.potch-article{margin:0 auto 70px;font-size:14px;line-height:1.95}.guide h2{color:#354a48}.draft-label{display:inline-block;padding:3px 12px;border:1px solid #d9cfb6;color:#786746;font-size:12px}.article-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.article-row .copy{grid-column:1;grid-row:1}.article-row figure{grid-column:2;grid-row:1;margin:0;min-width:0}.image-slot{min-height:210px;display:grid;place-content:center;text-align:center;gap:8px;border:1px dashed #c9bea2;background:#faf9f5;color:#938263;font-size:13px}.image-slot small{color:#7f8580}.article-row p{margin:0 0 14px}.potch-quest-header .title{font-size:clamp(25px,3vw,38px);letter-spacing:.02em}.potch-quest-header .subtitle{overflow-wrap:anywhere}@media(max-width:700px){.article-row{grid-template-columns:minmax(0,1fr);gap:18px}.article-row figure{grid-column:1;grid-row:1}.article-row .copy{grid-column:1;grid-row:2}.image-slot{min-height:190px}.potch-quest-header .title{font-size:32px}}
.article-row figure img{display:block;width:100%;height:auto;border:1px solid #d8cfb7}.article-row figure a{display:block}.article-row figcaption{font-size:11px;line-height:1.7;color:#777f75;margin-top:8px}.guide-intro{margin:26px 0;line-height:1.95}

/* Clearly separate the introduction from the walkthrough. */
.guide.potch-article .subjugation-howto-heading{display:block;margin:60px 0 0;padding:19px 24px;background:#294a40;color:#fffdf4;border:1px solid #294a40;border-left:5px solid #b8a16a;box-shadow:inset 0 0 0 5px #ffffff0b;background-image:none;font-family:"Guide Noto Sans JP",sans-serif;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:.06em}
.guide.potch-article .subjugation-howto-heading + .potch-article-section{margin-top:28px}
@media(max-width:700px){.guide.potch-article .subjugation-howto-heading{margin-top:42px;padding:16px 18px;font-size:21px}}

.guide.potch-article .subjugation-howto-heading{background-color:#294a40;background-image:linear-gradient(110deg,#ffffff03,#0000000c),url("guide-images/guide-band-pattern.svg");background-size:auto,96px 96px;background-repeat:no-repeat,repeat}

/* RPG menu plate with an inset gold frame and ornamental corners. */
.guide.potch-article .subjugation-howto-heading{position:relative;isolation:isolate;margin-top:60px;padding:23px 44px;color:#f6e6b9;border:1px solid #b49a5c;border-left:1px solid #b49a5c;background-color:#18362e;background-image:linear-gradient(180deg,#ffffff0a,transparent 45%,#00000028),url("guide-images/guide-band-pattern.svg");background-size:auto,160px 96px;background-repeat:no-repeat,repeat;box-shadow:inset 0 0 0 3px #142b25,inset 0 0 0 4px #b49a5c70,0 3px 8px #18362e18;text-shadow:0 2px 2px #081c18;font-family:"Guide Noto Serif JP",serif;letter-spacing:.1em}
.guide.potch-article .subjugation-howto-heading:before{content:"";position:absolute;inset:9px;pointer-events:none;background:linear-gradient(#d7bf7d,#d7bf7d) left top/20px 1px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) left top/1px 16px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) right top/20px 1px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) right top/1px 16px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) left bottom/20px 1px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) left bottom/1px 16px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) right bottom/20px 1px no-repeat,linear-gradient(#d7bf7d,#d7bf7d) right bottom/1px 16px no-repeat}
.guide.potch-article .subjugation-howto-heading:after{content:"◆";position:absolute;left:19px;top:50%;transform:translateY(-50%);font:12px serif;color:#d8bf7e;text-shadow:0 0 7px #d8bf7e35}
@media(max-width:700px){.guide.potch-article .subjugation-howto-heading{margin-top:42px;padding:20px 36px;font-size:21px}.guide.potch-article .subjugation-howto-heading:after{left:16px;font-size:10px}}

.potch-quest-header .photo[src="guide-images/subjugation/header.webp"]{object-position:right center}

.potch-quest-header .tags a{display:inline-block;font-size:11px;line-height:1.5;border:1px solid #c7bb98;background:#fffdf5;color:#6b5d38;padding:5px 10px;text-decoration:none}.potch-quest-header .tags a:hover{background:#eee7d3;border-color:#98804d}.potch-quest-header .tags a:focus-visible{outline:2px solid #294a40;outline-offset:3px}

.guide.potch-article .subjugation-group{border:1px solid #c9ba91;margin:14px 0;background:#fff}.subjugation-group>summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:16px 20px;background:linear-gradient(110deg,#f5f1e5,#fffdf7);color:#294a40;font-weight:700;font-size:17px}.subjugation-group>summary::-webkit-details-marker{display:none}.subjugation-group>summary:before{content:"＋";color:#95783b;font-size:20px;font-weight:400}.subjugation-group[open]>summary:before{content:"−"}.subjugation-group>summary small{font-size:11px;font-weight:400;margin-left:auto;color:#827657}.subjugation-group>summary:focus-visible{outline:3px solid #a68b4d;outline-offset:3px}.subjugation-table-scroll{overflow-x:auto;max-width:100%;padding:0 14px 14px}.subjugation-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px;line-height:1.8}.subjugation-table caption{text-align:left;padding:14px 0;font-size:12px;color:#697169}.subjugation-table th,.subjugation-table td{padding:12px 10px;vertical-align:top;border:1px solid #ded8c7;text-align:left}.subjugation-table thead th{background:#294a40;color:#fff9e5;font-weight:600}.subjugation-table tbody th{width:23%;background:#faf8f1;font-weight:500}.subjugation-table tbody td:nth-child(2){width:35%}.subjugation-table .stage-facts{list-style:none;padding:0;margin:0}.subjugation-table .stage-facts li{margin-bottom:5px}.subjugation-table .mob-level{display:inline-block;white-space:nowrap;color:#7b7567;font-size:11px}.subjugation-table .stage-exp{white-space:nowrap;font-variant-numeric:tabular-nums}.stage-list-note{font-size:12px;color:#737b71}.reward-quantity{white-space:nowrap}@media(max-width:700px){.subjugation-group>summary{padding:14px 15px;font-size:16px}.subjugation-table-scroll{padding:0 8px 10px}.subjugation-table-scroll:before{content:"表は横にスクロールできます →";display:block;font-size:11px;color:#7c765f;margin-top:10px}}

.subjugation-table .stage-facts .stage-with-icon{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:8px}.subjugation-table .stage-with-icon>span{min-width:0}.subjugation-table .stage-item-icon{width:30px;height:30px;object-fit:contain;flex:0 0 30px}.subjugation-table .stage-mob-icon{width:44px;height:44px;object-fit:contain;flex:0 0 44px}.subjugation-table .stage-mob-icon{background:radial-gradient(ellipse,#d9e4e155,transparent 70%)}

.guide.potch-article .subjugation-howto-heading{background-color:#542b36;background-image:linear-gradient(180deg,#ffffff09,transparent 45%,#351720),url("guide-images/guide-band-pattern.svg");color:#fff0d2;border-color:#d9b67a;box-shadow:inset 0 0 0 3px #351720,inset 0 0 0 4px #d9b67a70,0 3px 8px #35172018}
.subjugation-table thead th{background:#542b36}.subjugation-table .stage-mob-icon{background:none}

/* Prominent, compact shortcut from the hero to the stage list. */
.guide.potch-article>p.guide-intro:has(>.subjugation-list-badge){margin:0 0 12px}.guide.potch-article:has(>.guide-intro>.subjugation-list-badge){padding-top:12px}.guide.potch-article .subjugation-list-badge{display:inline-flex!important;align-items:center;gap:10px;padding:10px 20px!important;background:#182a47!important;color:#fff0d2!important;border:1px solid #b8a16a!important;font-size:14px!important;font-weight:700;text-decoration:none;box-shadow:0 2px 5px #182a4720}.guide.potch-article .subjugation-list-badge:after{content:"↓";font-size:17px;line-height:1}.guide.potch-article .subjugation-list-badge:hover{background:#2a4267!important}.guide.potch-article .subjugation-list-badge:focus-visible{outline:3px solid #b8a16a;outline-offset:3px}

.potch-quest-header .photo[src="guide-images/potch-method-trade.png"]{object-position:right center}