/* PROMPT FREAK: sunny yellow, ink and ivory. Green marks free examples; red marks updates. */
:root{
 --pf-accent:#f5cc38;
 --pf-accent-hover:#e8bd28;
 --pf-accent-ink:#28240f;
 --pf-accent-strong:#765600;
 --pf-accent-soft:#fff7d6;
 --pf-accent-line:#e9ce78;
 --pf-accent-muted:#76683f;
 --pf-accent-glow:rgba(245,204,56,.22);
 --pf-free:#16734a;
 --pf-free-soft:#eaf7ef;
 --pf-free-line:#b9dfc8;
 --pf-notice:#db343f;
 --sans:"Meiryo","メイリオ","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;
}
body,.op-body{font-family:var(--sans)}
.legal-logo>img,.op-logo>img{display:block;flex:none;width:42px;height:42px}
::selection{background:#ffed95;color:#28240f}
/* Keep bright yellow surfaces readable with ink-colored text. */
.discovery-search>:is(button,a[data-link-button]){color:var(--pf-accent-ink);border-left-color:#ddba43}
.discovery-search>:is(button,a[data-link-button]):hover{background:var(--pf-accent-hover)}
.top .mp-header-button:hover{background:#28240f;border-color:#28240f}
.top .nav>:is(button,a[data-link-button]){font-size:14px;letter-spacing:0;font-weight:700}
.top .nav>:is(button,a[data-link-button]).on,.top .nav>:is(button,a[data-link-button]):hover{color:#352b12}
.discovery-center h1{letter-spacing:-.035em}
.op-nav a[aria-current=page],.op-body .mp-button.dark{color:var(--pf-accent-ink)}
/* Free access is a calm, legible green, distinct from member/bookmark actions. */
.c-free-label,.article-example-status .c-free-label,.free-register-kicker{background:var(--pf-free-soft);color:var(--pf-free)}
.free-library-link,.range-menu-free{background:var(--pf-free-soft);color:var(--pf-free);border-color:var(--pf-free-line)}
.free-library-link:hover{background:#dcefe3;color:#105c3a;border-color:#93c7a7}
.access-choice--free[aria-pressed=true]{background:var(--pf-free);border-color:var(--pf-free);color:white}
.sg-intro-example>span{background:var(--pf-free);color:white}
.sg-intro-video>span{background:#161616c0}
.pf-register-lead>a,.pf-register-member-scope a,.member-free-scope>a{color:var(--pf-free)}
.free-library-page .hx-kick{color:var(--pf-free)}
.update-dot,.nav .nav-buzz.has-updates::after{background:var(--pf-notice)}
/* A small page title lets the featured stories appear immediately. */
.jm-page-title{font-size:23px;line-height:1.5;letter-spacing:0;margin:3px 0 18px;font-weight:700}
.journal-media{padding-top:4px}
.jm-top{margin-bottom:30px}
.jm-slide-copy .jm-label,.jm-special .jm-label{color:#ffe388}
.jm-slide-copy>p{color:#f2f1ef}
.jm-free-callout:after{color:var(--pf-accent)}
.jm-free-callout .jm-label{color:#ffe388}
.jm-free-callout strong{color:#a6e1bb}
.jm-free-callout>p{color:#e7e3d9}
.jm-label,.sg-eyebrow{color:var(--pf-accent-strong)}
/* Clear beginner cues: sunshine, green and an explicit beginner label. */
.site-guide-heading{padding:26px 30px;margin:8px 0 22px;border:1px solid #e8cf70;border-radius:17px;background:linear-gradient(115deg,#ffeb86,#fff6cc 70%,#edf7d9)}
.sg-beginner-label{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:5px 10px;border-radius:6px;background:#fffdf0;color:#27653e;letter-spacing:0;font:700 12px var(--sans)}
.sg-beginner-label>span{font-size:17px}
.site-guide-heading h1{font-size:32px;line-height:1.5;letter-spacing:0;margin-bottom:8px}
.site-guide-heading>p:not(.sg-eyebrow){color:#47412b;font-size:15px}
.sg-introduction{background:#fffdf3;border-color:#ebdfac}
.journal-start-guide,.journal-media .journal-start-guide{background:linear-gradient(120deg,#ffeb86,#fff8d7);border-color:#e7cd6f;color:#28240f}
.journal-start-guide small{align-self:flex-start;padding:4px 8px;background:#fffdf1;border-radius:5px;color:#27653e;font-size:11px;font-weight:700}
.journal-start-guide>span{color:#55471f;font-size:11px}
.journal-start-guide:hover{background:#fff0a6}
/* Use readable text tones rather than pale gray for instructional content. */
.sg-about-copy>p:not(.sg-eyebrow),.sg-step-copy p,.sg-instructions span{color:#494640}
.sg-about-copy h2,.sg-walkthrough-heading h2,.sg-step-heading h2{letter-spacing:0}
.sg-step-heading p,.sg-tip,.sg-step-copy .sg-tip,.sg-access-summary small,.sg-about-visual>p,.sg-about-copy>small,.sg-help-links a{color:#625a4a}
.sg-screen figcaption,.sg-tools-heading>p{color:#5e5b53}
.sg-about-copy>p.sg-about-lead{color:#28261f}
.jr-copy p,.jr-meta,.journal-media .jr-meta,.journal-pick time,.journal-side-intro,.jm-result-count{color:#686159}
.jr-copy h3,.journal-pick h3{letter-spacing:0}
.jm-topics :is(button,a[data-link-button]){color:#5c5345}
.jm-topics :is(button,a[data-link-button])[aria-pressed=true]{color:white}
.a-body,.a-lead,.a-body>p{color:#2e2c27}
.a-tip p,.a-note p,.trio-note>p,.at p{color:#514b40}
.trio-note>b{color:var(--pf-accent-strong)!important}
.article-prompt-preview>p,.article-prompt-scope{color:#5e574a}
@media(max-width:719px){
 .site-guide-heading{padding:21px 18px;margin:3px 0 20px;border-radius:12px}
 .site-guide-heading h1{font-size:23px}
 .site-guide-heading>p:not(.sg-eyebrow){font-size:12px}
 .sg-beginner-label{font-size:11px}
 .jm-page-title{font-size:20px;margin:2px 0 15px}
 .jm-top{margin-bottom:24px}
}

/* Approved book + wordmark, with a small optical weight adjustment for the site header. */
.pf-brand-lockup{position:relative;display:block!important;flex:none;width:300px;aspect-ratio:1942/240;overflow:hidden}
.pf-brand-lockup>img{position:absolute;display:block;width:111.84346%;max-width:none;height:auto;left:-5.92173%;top:-100%;pointer-events:none;filter:drop-shadow(.35px 0 0 #171717) drop-shadow(-.35px 0 0 #171717) drop-shadow(0 .35px 0 #171717) drop-shadow(0 -.35px 0 #171717)}
.top .logo{min-height:44px}
.top .pf-brand-lockup{width:255px}
.top .logo:focus-visible{outline:2px solid var(--pf-accent-strong);outline-offset:5px;border-radius:4px}
.pf-register-brand .pf-brand-lockup{width:min(100%,260px)}
.pf-operations-brand{display:flex;flex-direction:column;gap:5px}
.pf-operations-brand .pf-brand-lockup{width:270px}
.pf-operations-brand>small{padding-left:47px}
@media(min-width:720px) and (max-width:1150px){.top .pf-brand-lockup{width:225px}}
@media(max-width:719px){
 .top .pf-brand-lockup{width:clamp(158px,49vw,210px)}
 .pf-brand-lockup>img{filter:drop-shadow(.23px 0 0 #171717) drop-shadow(-.23px 0 0 #171717) drop-shadow(0 .23px 0 #171717) drop-shadow(0 -.23px 0 #171717)}
 .top .mobile-header-search{margin-left:auto}
 .legal-logo .pf-brand-lockup{width:210px}
 .pf-operations-brand .pf-brand-lockup{width:210px}
 .pf-operations-brand>small{padding-left:36px}
}
@media(max-width:359px){.legal-logo .pf-brand-lockup{width:185px}}