/* YEOKJU | after-guardian editorial sales page. Mobile first, no external assets. */
.s-detail-content .s-sales-detail{--s-sales-accent:#d7bd8c;box-sizing:border-box;max-width:870px;width:100%;margin:22px auto 40px;color:#eee8df;font-family:inherit;word-break:keep-all;}
.s-sales-detail *{box-sizing:border-box;}
.s-sales-heading{padding:18px 4px 28px;text-align:center;border-bottom:1px solid rgba(217,194,153,.20);}
.s-sales-overline{display:block;font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--s-sales-accent);text-transform:uppercase;line-height:1.7;}
.s-sales-heading h2{font-size:clamp(22px,4.5vw,33px);line-height:1.35;letter-spacing:-.045em;margin:11px 0 10px;font-weight:720;color:#fff2dd;font-family:'Noto Serif KR',serif;}
.s-sales-heading p{font-size:13px;line-height:1.7;margin:0;color:#c9d2d6;}
.s-sales-preview{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.3fr);gap:0;overflow:hidden;border-radius:17px;border:1px solid rgba(214,190,154,.31);margin-top:26px;background:#101c28;box-shadow:0 12px 40px rgba(1,8,15,.27);}
.s-sales-preview-cover{position:relative;min-height:375px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:9px;padding:24px 21px 30px;background-position:center top;background-size:cover;background-color:#152431;overflow:hidden;isolation:isolate;}
.s-sales-preview-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,17,.1),rgba(3,9,17,.30) 45%,rgba(4,10,16,.88));z-index:-1;}
.s-sales-cover-mark{position:absolute;top:21px;right:24px;font-size:24px;color:rgba(255,236,200,.8);}
.s-sales-cover-idx{font-size:11px;letter-spacing:.08em;color:#dbc7a8;}
.s-sales-cover-head{font-size:clamp(20px,3.4vw,27px);font-family:'Noto Serif KR',serif;font-weight:700;line-height:1.5;letter-spacing:-.025em;color:#fff4e4;text-shadow:0 2px 13px rgba(0,0,0,.7);}
.s-sales-cover-sub{font-size:12px;color:#e5d9c5;}
.s-sales-preview-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(17px,3vw,30px);gap:12px;}
.s-sales-example-flag{color:#c0b3a0;font-size:11px;line-height:1.5;}
.s-sales-story-head{font-size:clamp(17px,3vw,23px);line-height:1.58;letter-spacing:-.035em;color:#f9e8d1;font-weight:700;margin:0;}
.s-sales-story-body{margin:0;line-height:1.9;font-size:14px;color:#e4e4df;}
.s-sales-story-outro{margin:0;font-size:13px;color:#d9c6a9;line-height:1.8;}
.s-sales-selected{margin-top:8px;border-left:2px solid var(--s-sales-accent);background:rgba(225,192,146,.065);padding:10px 13px;display:flex;flex-direction:column;gap:4px;}
.s-sales-selected span{font-size:11px;color:#b2c2cf;}
.s-sales-selected strong{font-size:14px;line-height:1.6;color:#fff2df;}
.s-sales-graph,.s-sales-report,.s-sales-contents,.s-sales-outcomes{margin:36px auto 0;padding:0 4px;}
.s-sales-section-title{margin:8px 0 11px;color:#f9edda;line-height:1.5;font-size:clamp(20px,4vw,27px);font-weight:700;letter-spacing:-.035em;font-family:'Noto Serif KR',serif;}
.s-sales-muted{font-size:12px;color:#bac6ce;line-height:1.8;margin:5px 0 16px;}
.s-sales-plot{border:1px solid rgba(199,178,139,.23);border-radius:16px;padding:21px 20px;background:radial-gradient(circle at 90% 0%,rgba(197,158,107,.11),transparent 44%),#101d29;}
.s-sales-bar-row{display:flex;align-items:center;gap:12px;margin:0 0 18px;}
.s-sales-bar-row:last-child{margin-bottom:0;}
.s-sales-bar-name{width:89px;flex:none;color:#e3dfd8;font-size:12px;line-height:1.5;}
.s-sales-bar-track{height:10px;flex:1;overflow:hidden;border-radius:20px;background:rgba(231,227,217,.09);}
.s-sales-bar-fill{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,rgba(178,135,96,.85),var(--s-sales-accent));box-shadow:0 0 10px rgba(204,167,109,.13);}
.s-sales-bar-num{min-width:17px;text-align:right;font-size:12px;font-weight:650;color:#ead5b8;}
.s-sales-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.s-sales-year{border:1px solid rgba(216,183,129,.20);border-radius:13px;display:flex;flex-direction:column;gap:8px;padding:17px 9px;text-align:center;background:rgba(0,0,0,.13);}
.s-sales-year.is-current{border-color:var(--s-sales-accent);background:rgba(199,163,108,.09);}
.s-sales-year small{font-size:12px;color:#b3c0c9;}
.s-sales-year strong{font-size:24px;color:#ffe4b6;font-weight:680;font-family:'Noto Serif KR',serif;}
.s-sales-year span{font-size:12px;color:#e0d1bb;}
.s-sales-plot-note{margin:12px 1px 0;color:#acbcc5;font-size:11px;line-height:1.8;}
.s-sales-report-book{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.55fr);border:1px solid rgba(226,203,166,.26);border-radius:13px;overflow:hidden;min-height:300px;background:#e9dfc9;box-shadow:0 14px 40px rgba(3,7,13,.25);}
.s-sales-book-portrait{display:flex;flex-direction:column;justify-content:space-between;padding:25px 18px;background-color:#172737;background-size:cover;background-position:center top;color:#f5e7cb;position:relative;isolation:isolate;}
.s-sales-book-portrait:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,18,.45),rgba(4,10,17,.85));z-index:-1;}
.s-sales-book-portrait span:first-child{font-size:11px;letter-spacing:.18em;}
.s-sales-book-symbol{font-size:31px;color:#e2bc80;}
.s-sales-book-portrait strong{font:700 clamp(20px,3vw,29px)/1.5 'Noto Serif KR',serif;}
.s-sales-book-portrait small{font-size:12px;}
.s-sales-book-pages{position:relative;background:linear-gradient(150deg,#f4ead7,#e7ddc9);padding:22px 20px 38px;color:#2d2a27;}
.s-sales-book-pages small{font-size:9px;letter-spacing:.12em;color:#806d52;}
.s-sales-book-pages h4{margin:15px 0;font:700 19px/1.55 'Noto Serif KR',serif;color:#392c20;}
.s-sales-book-pages p{font-size:12px;line-height:1.85;color:#453c32;margin:9px 0;}
.s-sales-book-page{position:absolute;right:16px;bottom:13px;color:#816d54;font-size:10px;}
.s-sales-stats{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0;}
.s-sales-stats div{padding:10px 14px;background:rgba(222,188,138,.07);border:1px solid rgba(230,208,167,.18);border-radius:9px;color:#e3d2b6;font-size:12px;}
.s-sales-topic-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:16px 0 0;padding:0;counter-reset:none;}
.s-sales-topic{display:flex;gap:12px;border-bottom:1px solid rgba(217,203,173,.14);padding:13px 1px;color:#eee5d8;font-size:13px;line-height:1.6;}
.s-sales-topic span:first-child{color:var(--s-sales-accent);font-size:11px;flex:none;}
.s-sales-topic.is-chosen{color:#fff0cc;font-weight:730;}
.s-sales-quantity{font-size:12px;color:#b7c6ca;line-height:1.7;margin-top:17px;}
.s-sales-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px;}
.s-sales-outcome{padding:16px 13px;border-radius:10px;border-top:1px solid rgba(220,179,120,.42);background:rgba(230,209,175,.05);}
.s-sales-outcome span{color:var(--s-sales-accent);font-size:12px;}
.s-sales-outcome p{color:#e9e0d3;font-size:13px;line-height:1.7;margin:10px 0 0;}
.s-sales-cta{margin-top:40px;text-align:center;padding:27px 16px 28px;border:1px solid rgba(222,180,111,.45);border-radius:16px;background:linear-gradient(160deg,rgba(49,39,36,.75),rgba(13,24,35,.9));}
.s-sales-cta h3{font-family:'Noto Serif KR',serif;color:#ffeed4;margin:10px 0 20px;font-size:21px;}
.s-sales-actions{display:flex;gap:11px;justify-content:center;}
.s-sales-open,.s-sales-buy{cursor:pointer;flex:1;min-height:52px;padding:12px 13px;border-radius:10px;font-weight:700;font-size:14px;line-height:1.5;}
.s-sales-open{background:linear-gradient(115deg,#d1ac72,#e7c995);color:#1f2730;border:1px solid #cfa76d;}
.s-sales-buy{background:rgba(11,20,29,.45);color:#fae8c8;border:1px solid rgba(226,194,142,.49);}
.s-sales-open:focus-visible,.s-sales-buy:focus-visible{outline:2px solid #ffe4a4;outline-offset:3px;}
@media(max-width:650px){.s-sales-preview{grid-template-columns:1fr}.s-sales-preview-cover{min-height:260px;padding:20px;gap:7px;background-position:center 20%}.s-sales-preview-text{padding:20px 17px}.s-sales-report-book{grid-template-columns:1fr 1.5fr}.s-sales-topic-list{grid-template-columns:1fr}.s-sales-outcome-grid{grid-template-columns:1fr;gap:7px}.s-sales-outcome{padding:12px 15px}.s-sales-outcome p{margin-top:5px}.s-sales-actions{flex-direction:column}.s-sales-year{padding:14px 3px;gap:5px}}
@media(max-width:400px){.s-sales-report-book{grid-template-columns:1fr}.s-sales-book-portrait{min-height:170px}.s-sales-preview-cover{min-height:220px}.s-sales-heading p{font-size:12px}.s-sales-plot{padding:16px 11px}.s-sales-bar-row{gap:8px}.s-sales-bar-name{width:77px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.s-sales-open,.s-sales-buy{transition:none}}