/* Approved full-site visual baseline. Reader styles remain in the editorial artifact. */
#main{--product-gutter:clamp(1rem,4.8vw,1.32rem);container-type:inline-size}
.main,.product-main.main,.product-main.main.wide{padding:0.75rem var(--product-gutter) calc(var(--rtw-nav-height,4.125rem) + 1.625rem);max-width:var(--content-max,27.5rem)}
.product-main.main.compact{max-width:27.5rem;padding-bottom:calc(var(--rtw-safe-bottom,0px) + 2.25rem)}
#app>.header .header-inner{padding-left:max(1.5rem,var(--rtw-safe-left,0px));padding-right:max(1.5rem,var(--rtw-safe-right,0px))}
#app>.header-home{--rtw-header-content-height:6rem;--rtw-header-height:calc(6rem + var(--rtw-safe-top,0px));background:var(--paper)}
.header-home .header-inner{justify-content:center}.header-home .brand{gap:0.625rem}.header-home .a-brand-mark{width:2.375rem;height:2.375rem}
#app>.header-minimal{--rtw-header-content-height:3.125rem;--rtw-header-height:calc(3.125rem + var(--rtw-safe-top,0px))}
#app>.header-minimal:not(:has(.back)){--rtw-header-content-height:0.5rem;--rtw-header-height:calc(0.5rem + var(--rtw-safe-top,0px))}
#app>.header-me{--rtw-header-content-height:9.625rem;--rtw-header-height:calc(9.625rem + var(--rtw-safe-top,0px))}
.header-me .header-inner{justify-content:center}.header-me .brand{flex-direction:column;gap:0.4375rem;text-align:center}.header-me .a-brand-mark{width:3rem;height:3rem}.header-me .brand>span{font-size:1.75rem}.header-me .brand small{margin-top:0.375rem;font-size:max(12px,0.75rem)}
/* The compact header overlays the scrolled page without changing its document height. */
.scroll-header{position:fixed;inset:0 0 auto;z-index:25;padding:var(--rtw-safe-top,0px) var(--rtw-safe-right,0px) 0 var(--rtw-safe-left,0px);background:var(--paper);box-shadow:0 4px 16px -12px #214d6a45}
.scroll-header-inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:max(52px,3.5rem);max-width:67.5rem;margin:auto;padding:0 1.5rem}
.scroll-brand{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;border-radius:50%}.scroll-brand .a-brand-mark{width:2rem;height:2rem;min-width:30px;min-height:30px}
.scroll-header .back{position:absolute;left:max(1rem,env(safe-area-inset-left,0px));justify-content:center;min-width:44px;min-height:44px}
.scroll-header .desktop-nav{position:absolute;right:1.5rem}
html:has(.scroll-header:not([hidden])){scroll-padding-top:calc(var(--rtw-safe-top,0px) + max(52px,3.5rem) + .5rem)}
.scroll-header:not([hidden])~#main{scroll-margin-top:calc(var(--rtw-safe-top,0px) + max(52px,3.5rem) + .5rem)}
.scroll-header:not([hidden])~#main>:is(.page-heading,.auth-brand,.flow-title),.scroll-header:not([hidden])~#main .latest-heading-copy>:is(h1,.page-subtitle),.scroll-header:not([hidden])~#main .latest-summary{visibility:hidden}
.page-heading{margin:0 0.3125rem 1.5625rem}.page-heading h1{font-size:clamp(2.0625rem,8.5cqi,2.625rem)}.page-heading>.page-subtitle{margin-top:0.1875rem;font:italic clamp(1.1875rem,5cqi,1.5rem)/1.4 var(--english)}
.page-heading>p:not(.page-subtitle){margin-top:0.75rem;font-size:0.9375rem}.product-main .flow-title{font-size:2.1875rem}.product-main .button.text{font-size:max(12px,0.875rem)}
/* Home keeps its full-width editorial banner; header.css owns its crossfade. */
.main.page-home,.main.wide:has(.a-home-surface){--home-inset-top:0px;--home-inset-bottom:1.5rem;max-width:27.5rem;padding-top:0;padding-bottom:calc(var(--rtw-nav-height,4.125rem) + .5rem)}
.a-home-surface{--home-gap:0.875rem;--home-card-inset:1.243rem;display:flex;flex-direction:column;gap:var(--home-gap);min-width:0}
.a-latest{display:flex;flex-direction:column;min-width:0}.a-latest-heading{display:flex;align-items:center;margin-bottom:0.625rem}.a-latest-heading h2{font-size:0.9375rem;line-height:1.6;color:var(--muted)}
.a-cover-card{display:flex;min-width:0;border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:var(--card-shadow)}
.a-cover-story{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,66%) minmax(0,1fr);flex:1;min-width:0;min-height:17.155rem;background:#fff}
.a-cover-art{position:absolute;inset:0 0 0 auto;width:66%;background:url('/assets/scheme-a-arch-restored-v2.png') right center/cover no-repeat;z-index:-2}
.a-cover-story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff5 26%,#ffffffc4 38%,#ffffff52 51%,#ffffff00 69%);z-index:-1;pointer-events:none}
.a-cover-copy{grid-area:1/1;min-width:0;padding:var(--home-card-inset);max-width:none}.a-cover-copy h1{font-family:var(--serif);font-size:clamp(2rem,8.5cqi,3rem);font-weight:800;line-height:1.25;margin:0 0 0.3125rem;overflow-wrap:anywhere}
.a-cover-english{font:clamp(0.875rem,3.8cqi,1.25rem)/1.35 var(--english);color:#31556e;overflow-wrap:anywhere}.a-author{font:clamp(0.875rem,3.65cqi,1.125rem)/1.5 var(--english);color:var(--muted);margin-top:0.375rem}.a-description{font-family:var(--serif);font-size:clamp(1rem,4.3cqi,1.375rem);font-weight:700;line-height:1.7;margin-top:1.243rem}
.a-integrated-actions{grid-area:1/2;align-self:end;justify-self:end;display:flex;margin:0 1rem 1rem}.a-integrated-actions>.button.primary{min-height:max(44px,2.75rem);border-radius:1.75rem}.a-cta-arrow{display:flex;align-items:center;justify-content:center}.a-cta-arrow .icon{width:1.3125rem;height:1.3125rem}
.a-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin:0}
.a-tool-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0.5625rem;position:relative;min-width:0;min-height:7.4375rem;padding:1.0625rem 1.125rem 0.9375rem;border:0;border-radius:1.375rem;text-align:left;background:#fff;box-shadow:var(--card-shadow);color:var(--text)}
.a-tool-tile:first-child{background:#eaf5fc}.a-tool-tile:nth-child(2){background:#f8f6f2}.a-tool-tile:hover{box-shadow:0 0.375rem 1.375rem -0.625rem #214d6a35}.a-tool-tile:active{background:#e6eff4}.a-tool-tile>.icon,.a-tool-icon .icon,.a-quiet-glyph .icon{width:1.75rem;height:1.75rem;stroke-width:1.65;color:#365b74}.a-tool-icon{display:flex}.a-tool-copy{display:block;min-width:0}.a-tool-copy>strong{display:block;font-size:1.0625rem;font-weight:600;line-height:1.4}.a-tool-copy>small{display:block;font:italic 0.9375rem/1.4 var(--english);color:var(--muted);margin-top:0.25rem;overflow-wrap:anywhere}
.a-resume-panel{border-radius:1.375rem;padding:0.9375rem 1.125rem 1.0625rem;background:#fff;box-shadow:var(--card-shadow)}.a-resume-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;gap:0.625rem}.a-resume-heading h2{font-family:var(--sans);font-size:max(12px,0.875rem);line-height:1.4;color:var(--muted);font-weight:550}
.a-resume-row{display:flex;align-items:center;gap:0.8125rem;width:100%;min-height:3.875rem;padding:0;border:0;background:none;text-align:left}.a-resume-thumb{display:block;flex:none;width:3.8125rem;height:4rem;overflow:hidden;border-radius:0.625rem;background:var(--soft)}.a-resume-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.a-resume-info{flex:1;min-width:0}.a-resume-info>strong{display:block;font-size:1.0625rem;color:var(--ink);line-height:1.4}.a-resume-chapter{display:block;font-size:max(12px,0.75rem);line-height:1.6;color:var(--muted);margin-top:0.3125rem}.a-resume-arrow{display:flex;color:var(--muted)}.a-resume-arrow .icon{width:1.0625rem;height:1.0625rem}
.a-reading-progress{display:flex;align-items:center;gap:0.625rem;width:100%;margin-top:0.5rem;min-height:1rem}.a-progress-track{display:block;flex:1;min-width:1.5rem;height:0.25rem;border-radius:0.25rem;background:#e2eaf0;overflow:hidden}.a-progress-track>i{display:block;height:100%;background:#527e9b;border-radius:0.25rem}.a-progress-value{flex:none;font-size:max(12px,0.75rem);line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}
/* Article surfaces share the same content tags in both library views. */
.library-controls{display:flex;align-items:center;justify-content:space-between;gap:0.625rem;margin:0 0.3125rem 1.375rem}.view-switch{display:flex;align-items:center;flex:none;border-radius:1.75rem;background:#eaf1f5;padding:0;overflow:hidden}.view-switch button{min-height:max(44px,2.75rem);min-width:5.3125rem;border:0;background:none;padding:0.625rem 0.9375rem;font-size:0.9375rem;color:var(--muted);border-radius:1.75rem;white-space:nowrap}.view-switch button[aria-pressed=true]{background:#143e59;color:#fff}.view-switch button:focus-visible{outline-offset:-0.25rem}
.topic-select{position:relative;min-width:0;max-width:46%;color:var(--muted)}.topic-select select{width:auto;max-width:100%;border:0;border-radius:0.5rem;background:transparent;min-height:max(44px,2.75rem);padding:0.5rem 1.5rem 0.5rem 0.25rem;font-size:max(12px,0.875rem);color:var(--text);text-overflow:ellipsis;cursor:pointer;appearance:none}.topic-select:after{content:"";position:absolute;right:0.4375rem;top:1.0625rem;width:0.5rem;height:0.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.story-list,.article-list,.topic-articles{display:grid;gap:0.8125rem}.story-card{min-width:0;background:#fff;border-radius:1.25rem;box-shadow:var(--card-shadow);overflow:hidden}.story-hit{display:grid;grid-template-columns:minmax(6.25rem,34%) minmax(0,1fr);position:relative;gap:1rem;align-items:stretch;width:100%;padding:0.6875rem;border:0;background:transparent;text-align:left;min-height:10rem}.story-hit:active{background:#f6fafc}.story-hit:focus-visible{outline-offset:-0.25rem;border-radius:1.25rem}.story-hit:hover h2{color:#275e82}
.story-cover{position:relative;display:block;min-width:0;min-height:8.5rem;border-radius:0.75rem;overflow:hidden;background:#e8eff3}.story-cover img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.story-cover img[src*="cover-ambition"]{object-position:75% center}.story-cover img[src*="cover-questions"]{object-position:70% center}
.story-copy{display:flex;flex-direction:column;min-width:0;padding:2px 0 0}.story-copy h2{font-family:var(--serif);font-size:1.4375rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.english-title{font:italic 1rem/1.35 var(--english);color:#4f6e89;margin-top:0.25rem;overflow-wrap:anywhere}.byline{font:0.9375rem/1.5 var(--english);color:var(--muted);margin-top:0.1875rem;overflow-wrap:anywhere}.story-description{font-size:max(12px,0.875rem);line-height:1.7;color:#375872;margin:0.625rem 0 0.6875rem;overflow-wrap:anywhere}
.content-tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:auto;padding-right:1.6875rem}.content-tags span{display:inline-flex;align-items:center;min-height:1.5rem;padding:2px 0.625rem;border-radius:1.125rem;font-size:max(12px,0.75rem);line-height:1.5;color:#6b6a65;background:#f5f3ef;white-space:nowrap}.story-arrow{position:absolute;right:0.6875rem;bottom:0.6875rem;display:flex;align-items:center;justify-content:center;width:1.8125rem;height:1.8125rem;border-radius:50%;color:#275d82;background:#eaf4fa}.story-arrow .icon{width:0.9375rem;height:0.9375rem;stroke-width:1.7}.today-badge{display:inline-flex;align-items:center;gap:0.25rem;position:absolute;z-index:1;left:0.3125rem;top:0.375rem;padding:0.1875rem 0.4375rem;color:#fff;background:#164c70;border-radius:1.125rem;font-size:max(12px,0.75rem);line-height:1.55;white-space:nowrap}.today-badge .icon{width:0.75rem;height:0.75rem}
.date-group+.date-group{margin-top:1.75rem}.date-group>.story-card+.story-card{margin-top:0.75rem}.date-heading{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 0.3125rem 0.8125rem;padding-left:0.875rem}.date-heading:before{content:"";position:absolute;left:0;top:0.3125rem;width:0.1875rem;height:2.125rem;background:#8aa3b8;border-radius:0.1875rem}.date-heading h2{font:700 1.4375rem/1.3 var(--serif)}.date-heading time{display:block;font:italic 0.9375rem/1.4 var(--english);color:var(--muted)}.date-count{grid-column:2;grid-row:1/3;border-radius:1.375rem;background:#eaf1f5;font-size:max(12px,0.8125rem);color:#335872;padding:0.4375rem 0.875rem}
.compact-story .story-hit{grid-template-columns:5.125rem minmax(0,1fr);gap:0.875rem;padding:0.625rem;min-height:6.625rem}.compact-story .story-cover{min-height:5.375rem;border-radius:0.625rem}.compact-story .story-copy{padding:1px 1.25rem 0 0}.compact-story .story-copy h2{font-size:1.3125rem}.compact-story .english-title{font-size:0.9375rem;margin-top:2px}.compact-story .byline{font-size:max(12px,0.875rem);line-height:1.35}.compact-story .content-tags{padding-right:0;margin-top:0.375rem;gap:0.3125rem}.compact-story .content-tags span{font-size:max(12px,0.75rem);min-height:1.3125rem;padding:1px 0.5rem}.compact-story .story-arrow{background:transparent;right:0.3125rem;top:50%;bottom:auto;transform:translateY(-50%);width:1.5625rem}.compact-story .story-arrow .icon{width:1.0625rem;height:1.0625rem}
.latest-page-heading{display:flex;justify-content:space-between;gap:0.625rem;position:relative;margin-bottom:1.375rem}.latest-heading-copy{min-width:0}.latest-heading-copy .page-subtitle{font-size:clamp(1.625rem,7cqi,2.375rem);font-weight:600;line-height:1.15;margin:0 0 0.5rem;color:#244d6d}.latest-heading-copy h1{font-family:var(--serif);font-weight:800;font-size:clamp(2.0625rem,8.8cqi,2.75rem)}.latest-heading-copy>p:last-child{margin-top:0.8125rem;font-size:0.9375rem;white-space:normal}.latest-summary{flex:none;text-align:right;color:var(--muted);font-size:max(12px,0.8125rem);line-height:1.8;padding-top:0.375rem}.latest-summary span,.latest-summary time{display:block}.latest-globe{position:absolute;right:2px;bottom:1px;display:block;width:4rem;height:4rem;color:#d3cbbd}.latest-globe .icon{width:100%;height:100%;stroke-width:.7}
.page-latest .date-heading{display:none}.page-latest .story-hit{min-height:11.5625rem}.page-latest .story-cover{min-height:10.0625rem}.page-latest .story-description{margin-top:0.75rem}.page-latest .story-copy h2{font-size:1.4375rem}
.data-read-error{background:#fff;border-radius:1.125rem;padding:1.25rem;margin-bottom:1.125rem;box-shadow:var(--card-shadow)}.data-read-error h2{font-family:var(--serif);font-size:1.4375rem}.data-read-error p{font-size:max(12px,0.875rem);line-height:1.8;color:var(--muted);margin:0.5625rem 0 0.9375rem}
/* Personal pages use quieter grouped surfaces. */
.page-me{--content-max:27.5rem}.profile-card{display:flex;align-items:center;gap:0.875rem;background:#fff;border-radius:1.375rem;padding:1.25rem 1.0625rem;margin-bottom:0.875rem;box-shadow:var(--card-shadow)}.profile-avatar{display:grid;place-items:center;flex:none;width:4.3125rem;height:4.3125rem;border-radius:50%;background:#eef4f7;color:#3a607a}.profile-avatar .icon{width:2.5rem;height:2.5rem;stroke-width:1.4}.profile-copy{min-width:0;flex:1}.profile-copy h2{font-family:var(--english),var(--serif);font-size:1.5625rem;line-height:1.35;overflow-wrap:anywhere}.profile-copy p{color:var(--muted);font-size:max(12px,0.875rem);margin-top:0.25rem}.profile-membership{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0.3125rem;max-width:43%;border:0;border-radius:1rem;background:#edf6fc;padding:0.75rem;color:#214a67;font-size:max(12px,0.875rem);line-height:1.5}.profile-membership .icon{width:0.9375rem;height:0.9375rem}.profile-membership small{font-size:max(12px,0.8125rem)}.profile-card .button{font-size:max(12px,0.875rem);min-height:max(44px,2.75rem);padding:0.5625rem 0;margin-top:0.5rem}
.profile-links{display:flex;flex-direction:column;background:#fff;border-radius:1.375rem;padding:0.5rem 1rem;box-shadow:var(--card-shadow)}.profile-links>a{display:flex;align-items:center;gap:1.25rem;min-height:5.5rem;padding:0.9375rem 0.3125rem}.profile-links>a:hover{background:#f7fafb}.profile-links>a>span{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:0}.profile-links>a>span>.icon{width:1.9375rem;height:1.9375rem;stroke-width:1.55}.profile-links strong{display:block;font-size:1.1875rem;font-weight:600;line-height:1.5}.profile-links small{display:block;color:var(--muted);font-size:max(12px,0.8125rem);line-height:1.7;margin-top:0.25rem;font-weight:400}.profile-links>a>.icon{width:1.0625rem;height:1.0625rem;color:#5d7b91}.profile-logout{margin-top:0.875rem;min-height:3.625rem;background:#fff!important;color:var(--muted)!important;border-radius:1.1875rem;box-shadow:var(--card-shadow)}.profile-motto{text-align:center;font-size:max(12px,0.8125rem);color:var(--muted);letter-spacing:2px;margin-top:1.25rem}.profile-help{display:flex;justify-content:center;gap:1.5rem;margin-top:0.625rem;font-size:max(12px,0.8125rem);color:var(--muted)}.profile-help a{display:inline-flex;align-items:center;min-height:max(44px,2.75rem)}
.member-badge{display:inline-flex;align-items:center;font-size:max(12px,0.75rem);line-height:1.6;color:var(--muted);margin-top:0.375rem}.member-account{display:flex;align-items:center;gap:0.875rem;background:#fff;border-radius:1.0625rem;padding:0.9375rem 1.125rem;margin-bottom:0.875rem;min-height:3.75rem}.member-account .icon{width:1.8125rem;height:1.8125rem}.member-account .icon:last-child{margin-left:auto;width:1.0625rem}.member-account strong{font-size:1.0625rem;overflow-wrap:anywhere}
.member-hero{display:grid;grid-template-columns:2.8125rem 1fr;align-items:center;column-gap:0.875rem;position:relative;isolation:isolate;overflow:hidden;border-radius:1.375rem;background:#eaf5fc;padding:1.5625rem 1.3125rem;margin-bottom:0.875rem}.member-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#eaf5fc,#eaf5fcba),url('/assets/cover.webp') right center/cover;opacity:.58}.member-hero .member-status{display:flex;align-items:center;gap:0.875rem}.member-glyph{display:grid;place-items:center;flex:none;width:2.8125rem;height:2.8125rem;border-radius:50%;background:#164665;color:#fff}.member-glyph .icon{width:1.6875rem;height:1.6875rem}.member-glyph .a-brand-mark{width:2.8125rem;height:2.8125rem}.member-status h2,.member-hero h2{font-family:var(--serif);font-size:1.5625rem;line-height:1.35}.member-status p,.member-hero>div>p{font-size:max(12px,0.875rem);color:var(--muted);margin-top:0.25rem}.member-hero>p{grid-column:1/-1;font-size:0.9375rem;line-height:1.8;color:#526f85;margin-top:1.25rem;max-width:28ch}
.activation-card{border-radius:1.375rem;background:#fff;padding:1.375rem 1.25rem;margin-bottom:0.875rem}.activation-card h2{font-family:var(--serif);font-size:1.5625rem}.activation-card>p{color:var(--muted);font-size:max(12px,0.875rem);margin-top:0.5rem}.activation-card>.button{margin-top:1.25rem}.activation-card form>.button{margin-top:0}.activation-card form label{font-size:max(12px,0.875rem);margin-top:1.25rem}.purchase-card{display:block;position:relative;background:#fff;border-radius:1.25rem;padding:1.25rem;margin-top:0.875rem;overflow:hidden}.purchase-card h2{font-family:var(--serif);font-size:1.3125rem}.purchase-card p,.purchase-card>span{display:block;color:var(--muted);font-size:max(12px,0.875rem);margin-top:0.5rem}.purchase-card .icon{width:1.0625rem;height:1.0625rem}.code-input{letter-spacing:1px}.activation-success{background:#fff;border-radius:1.375rem;text-align:center;padding:2.125rem 1.5rem;margin-bottom:1.5rem}.success-check{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#153f59;color:#fff;margin:0 auto 1.125rem}.success-check .icon{width:2.125rem;height:2.125rem}.activation-success h2{font-family:var(--serif);font-size:1.9375rem}.activation-success p{font-size:1rem;color:var(--muted);margin-top:0.625rem}.page-activate,.page-activated{--content-max:27.5rem}.page-activate .page-heading,.page-activated .page-heading{display:block;text-align:center;margin-bottom:1.625rem}.page-activate .page-heading h1,.page-activated .page-heading h1{font-size:1.75rem}.page-activate .page-subtitle,.page-activated .page-subtitle{font-size:1.125rem}
/* Authentication keeps the brand and a single uninterrupted form. */
.auth-brand{display:flex;justify-content:center;margin:0.625rem auto 2.1875rem;text-align:center}.auth-brand .brand{display:flex;flex-direction:column;gap:0.5625rem}.auth-brand .a-brand-mark{width:3.375rem;height:3.375rem}.auth-brand .brand>span{font-size:1.8125rem}.auth-brand .brand small{font-size:max(12px,0.75rem);margin-top:0.5rem}.auth-brand>.a-brand-mark{width:3.25rem;height:3.25rem}.page-login .page-heading,.page-register .page-heading{text-align:center;margin-bottom:1.875rem}.page-login .page-heading h1,.page-register .page-heading h1{font-size:2.375rem}.page-login .page-subtitle,.page-register .page-subtitle{font-size:1.4375rem}.page-login .page-heading p:last-child,.page-register .page-heading p:last-child{margin-top:0.8125rem;font-size:0.9375rem}.page-login input,.page-register input{border:0;box-shadow:var(--card-shadow);border-radius:1.0625rem;min-height:3.5625rem;padding:0.9375rem 1.0625rem}.page-login .password-wrap input,.page-register .password-wrap input{padding-right:3.875rem}.page-login input[aria-invalid=true],.page-register input[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}.page-login form label,.page-register form label{margin-top:1.375rem}.page-login form>.button,.page-register form>.button{border-radius:1.875rem;min-height:3.375rem;margin-top:0.4375rem;font-size:1.125rem}.page-login .form-links,.page-register .form-links{justify-content:center}.page-login .form-links .button,.page-register .form-links .button{font-size:0.9375rem;color:var(--ink)}.auth-help{display:flex;justify-content:center;margin-top:1.625rem;color:var(--muted);font-size:max(12px,0.875rem);text-decoration:underline;text-underline-offset:0.3125rem;min-height:max(44px,2.75rem);align-items:center}.page-register .auth-brand{margin:0 auto 1.375rem}
/* History and notes emphasize a real reading position and the reader's words. */
.history-list,.note-list{display:grid;gap:1rem}.history-card{border-radius:1.375rem;padding:1.1875rem;background:#fff;box-shadow:var(--card-shadow)}.history-card-main{display:flex;align-items:flex-start;gap:1.0625rem}.history-card-main>img,.history-card-main .history-cover{display:block;flex:none;width:32%;max-width:8.4375rem;aspect-ratio:.8;object-fit:cover;border-radius:0.75rem}.history-card-main>.article-copy{flex:1;min-width:0}.history-card h2{font:800 1.5rem/1.3 var(--serif)}.history-card .english-title{font-style:normal;font-size:1.0625rem;margin-top:0.5rem}.history-card .byline{display:block;font-size:0.9375rem}.history-hit{display:block;width:100%;border:0;padding:0;background:none;text-align:left}.history-card .english-title{display:block}.history-location{display:block;font-size:max(12px,0.875rem);line-height:1.6;color:var(--muted);margin-top:1rem}.history-progress{display:flex;align-items:center;gap:0.5625rem;color:var(--muted);font-size:max(12px,0.75rem);margin-top:0.6875rem}.history-progress .a-progress-track{height:0.3125rem}.history-time{display:flex;align-items:center;gap:0.3125rem;font-size:max(12px,0.75rem);color:var(--muted);margin-top:0.625rem}.history-time .icon{width:1rem;height:1rem}.history-resume{display:flex;justify-content:center;align-items:center;gap:0.75rem;min-height:2.9375rem;border-radius:1.5625rem;background:#edf6fc;width:100%;margin-top:1.1875rem;border:0;color:#153f5e;font-size:1rem;font-weight:550}.history-clear{display:flex;margin:1.75rem auto 0;background:none!important;color:var(--muted)!important;font-size:max(12px,0.875rem)}
.note-card{border-radius:1.375rem;background:#fff;padding:1.3125rem 1.4375rem 0.8125rem;box-shadow:var(--card-shadow)}.note-context{font-size:max(12px,0.875rem);color:var(--muted);line-height:1.6}.note-prompt{margin-left:0;margin-right:0;font-size:max(12px,0.875rem);color:var(--muted);line-height:1.7;margin-top:0.75rem}.note-body{font-family:var(--serif);font-size:1.5625rem;line-height:1.65;font-weight:700;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:1.1875rem 0 1.25rem}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;border-top:1px solid #e6edf1;padding-top:0.4375rem;color:var(--muted)}.note-footer>time,.note-footer>small{font-size:max(12px,0.75rem);white-space:nowrap}.note-actions{display:flex;gap:0.625rem;align-items:center;flex-wrap:wrap}.note-actions>a,.note-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:0.3125rem;min-height:max(44px,2.75rem);border:0;background:none;font-size:max(12px,0.8125rem);color:var(--warm);padding:0}.note-actions .icon{width:1.0625rem;height:1.0625rem}.note-quote{margin:1.25rem 0;background:#eaf2f7;border-radius:0.875rem;padding:0.9375rem 1.0625rem;font-family:var(--serif);font-size:1rem;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.note-origin{display:inline-flex;align-items:center;gap:0.5625rem;min-height:max(44px,2.75rem);color:var(--muted);font-size:max(12px,0.875rem);margin-top:0.625rem}.note-origin .icon{width:1.0625rem;height:1.0625rem}.page-note textarea{min-height:13.75rem}
/* Help retains distinct, comfortable rows without introducing another navigation system. */
.about-banner{position:relative;isolation:isolate;overflow:hidden;background:#fff;border-radius:1.375rem;padding:1.5625rem 1.3125rem;margin-bottom:0.9375rem}.about-banner:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#fff 4%,#fffffff2 35%,#ffffff42),url('/assets/cover.webp') right center/cover}.about-brand{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.3125rem}.about-brand .a-brand-mark{width:2.4375rem;height:2.4375rem}.about-brand strong{font-family:var(--serif);font-size:1.6875rem;letter-spacing:2px}.about-statement,.about-banner>h2{font-family:var(--serif);font-size:1.1875rem;font-weight:700;line-height:1.8;color:var(--ink)}.about-banner>p:last-child:not(.about-statement){font-size:max(12px,0.875rem);line-height:1.8;color:var(--muted);margin-top:0.5rem}.help-list{display:flex;flex-direction:column;gap:0.75rem}.help-list details{background:#fff;border-radius:1.25rem;box-shadow:var(--card-shadow);overflow:hidden}.help-list summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;gap:1.125rem;min-height:5.375rem;padding:1.0625rem 1.25rem}.help-list summary::-webkit-details-marker{display:none}.help-list summary>.icon{width:1.9375rem;height:1.9375rem;stroke-width:1.6}.help-list summary>span{display:block;flex:1;min-width:0}.help-list summary strong{display:block;font-family:var(--serif);font-size:1.3125rem;line-height:1.4}.help-list summary small{display:block;margin-top:0.375rem;color:var(--muted);font-size:max(12px,0.8125rem);line-height:1.7}.help-list summary>.icon:last-child{width:1rem;height:1rem;color:var(--muted)}.help-list details[open] summary>.icon:last-child{transform:rotate(90deg)}.help-list details>div{padding:0 1.25rem 1.25rem 4.3125rem}.help-list details>p{margin:0 1.25rem 0.875rem 4.3125rem}.help-list details>.button,.help-list details>.text-link{margin:0 1.25rem 0.875rem 4.3125rem}.help-list details p{font-size:max(12px,0.875rem);line-height:1.9;color:var(--muted);margin-bottom:0.5rem}.contact-editor{display:flex;align-items:center;gap:1.125rem;width:100%;text-align:left;padding:1.25rem;border:0;border-radius:1.25rem;background:#eaf5fc;margin-top:0.875rem;color:var(--ink)}.contact-editor>.icon{width:1.9375rem;height:1.9375rem}.contact-editor>span{flex:1}.contact-editor strong{display:block;font-family:var(--serif);font-size:1.375rem}.contact-editor small{display:block;color:var(--muted);font-size:max(12px,0.8125rem);margin-top:0.3125rem}.contact-editor>.icon:last-child{width:1.0625rem;height:1.0625rem}
/* Product dialogs. Native dialog supplies focus containment; safe areas come from viewport.css. */
.product-dialog,.confirm-dialog{max-height:calc(100dvh - var(--rtw-safe-top,0px) - var(--rtw-safe-bottom,0px) - 1.5rem);overflow:auto;overscroll-behavior:contain}.dialog-handle{display:block;width:2.375rem;height:0.25rem;border-radius:0.25rem;background:#d2dce4;margin:-0.8125rem auto 1.375rem}.product-dialog h2{font-family:var(--serif);font-size:1.875rem;font-weight:800;line-height:1.4;color:var(--ink);padding-right:1.0625rem}.product-dialog p{font-size:0.9375rem;line-height:1.8;color:var(--muted);margin:0.5625rem 0 1.125rem}.letter-icon .icon,.letter-dialog>svg,.letter-dialog>.icon{width:2rem;height:2rem;margin:0 0 0.9375rem}.letter-topics{display:flex;gap:0.5rem;margin:1.1875rem 0 0.9375rem}.letter-topics button{flex:1;min-height:max(44px,2.75rem);border:0;border-radius:1.5625rem;background:#f0f3f5;color:var(--muted);font-size:max(12px,0.875rem);padding:0.5rem}.letter-topics button[aria-pressed=true]{background:#e1f1fc;color:var(--ink);font-weight:600}.letter-dialog textarea{min-height:10.9375rem;border-radius:1.0625rem;line-height:1.8;resize:vertical}.letter-dialog form>.button{margin-top:1.25rem;width:100%;min-height:3.375rem;font-size:1.125rem}.letter-status{font-size:max(12px,0.8125rem);color:var(--muted);line-height:1.8}.letter-status:empty{display:none}.access-article{display:flex;align-items:center;gap:1rem;padding-bottom:1.1875rem;margin-bottom:1.25rem;border-bottom:1px solid var(--faint)}.access-article>img{width:4.875rem;height:4.5rem;object-fit:cover;border-radius:0.625rem}.access-article strong{display:block;font:700 1.375rem/1.4 var(--serif)}.access-article small,.access-article>div>span{display:block;font:0.9375rem/1.5 var(--english);color:var(--muted);margin-top:0.25rem}.access-dialog h2{text-align:center;font-size:1.8125rem;padding:0}.access-dialog>p{text-align:center}.access-account{display:flex;align-items:center;gap:0.75rem;min-height:2.8125rem;background:#eaf1f6;padding:0.625rem 0.8125rem;border-radius:0.8125rem;font-size:max(12px,0.875rem);margin:1.125rem 0 0.75rem}.access-dialog>.button{width:100%}.access-dialog .stack-actions{margin-bottom:0}.confirm-preview{padding:0.9375rem 1.0625rem;background:#edf2f6;border-radius:0.8125rem;margin-top:1.125rem;font-family:var(--serif);font-size:1.125rem;line-height:1.7;overflow-wrap:anywhere}.confirm-preview small{display:block;font-family:var(--sans);font-size:max(12px,0.8125rem);color:var(--muted);margin-top:0.4375rem}
@media(max-width:37.5rem){
 .product-dialog,.confirm-dialog{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;width:100%;max-width:none;border-radius:1.5rem 1.5rem 0 0;padding:1.625rem 1.4375rem calc(1.625rem + var(--rtw-safe-bottom,0px))}
 .product-main:has(.page-heading):not(.page-login):not(.page-register){padding-top:0.625rem}
}
@media(min-width:64rem){
 #app>.header-minimal:not(:has(.back)){--rtw-header-content-height:4.5rem;--rtw-header-height:calc(4.5rem + var(--rtw-safe-top,0px))}.header-home .header-inner{justify-content:space-between}.header-me .header-inner{justify-content:space-between}.header-me .brand{flex-direction:row;text-align:left}.header-me{max-width:67.5rem;margin:auto}.main,.product-main.main,.product-main.main.wide{padding-bottom:3.125rem}.page-library .story-list,.page-latest .story-list{grid-template-columns:repeat(2,minmax(0,1fr))}.page-library .story-hit,.page-latest .story-hit{grid-template-columns:33% minmax(0,1fr);gap:1rem;min-height:13.375rem}.page-library .story-copy h2,.page-latest .story-copy h2{font-size:1.5625rem}.page-library .english-title,.page-latest .english-title{font-size:1.0625rem}.page-library .byline,.page-latest .byline{font-size:1rem}.page-library .story-description,.page-latest .story-description{font-size:0.9375rem}.page-library .content-tags span,.page-latest .content-tags span{font-size:max(12px,0.75rem);padding:0.1875rem 0.625rem}.page-library .compact-story .story-hit{grid-template-columns:5.9375rem minmax(0,1fr);min-height:8.25rem}.page-library .compact-story .story-copy h2{font-size:1.5rem}
 .page-library .timeline-list{display:block}.page-library .date-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem}.page-library .date-heading{grid-column:1/-1}.page-library .date-group>.story-card+.story-card{margin-top:0}
 .a-home-surface{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;column-gap:1.5625rem}.a-home-surface .a-latest{grid-column:1/-1}.a-home-surface .a-feature-grid{grid-column:1}.a-home-surface .a-resume-panel{grid-column:2}.a-cover-story{min-height:23.125rem}.a-home-surface .a-feature-grid{gap:1rem}.a-home-surface .a-tool-tile{min-height:8.75rem}.a-home-surface .a-tool-copy>strong{font-size:1.25rem}.a-home-surface .a-tool-copy>small{font-size:1.0625rem}
}
@media(max-width:23.75rem){
 .library-controls{margin-inline:0;gap:0.25rem}.view-switch button{min-width:4.8125rem;padding-inline:0.6875rem;font-size:max(12px,0.875rem)}.topic-select select{font-size:max(12px,0.8125rem)}.story-hit{gap:0.75rem;grid-template-columns:31% minmax(0,1fr);padding:0.625rem}.story-copy h2,.page-latest .story-copy h2{font-size:1.3125rem}.english-title{font-size:0.9375rem}.byline{font-size:max(12px,0.875rem)}.story-description{font-size:max(12px,0.8125rem)}.content-tags{gap:0.25rem}.content-tags span{padding:2px 0.4375rem;font-size:max(12px,0.75rem)}.story-arrow{width:1.5rem;height:1.5rem}.today-badge{font-size:max(12px,0.75rem);padding:0.1875rem 0.3125rem}.today-badge .icon{display:none}.latest-summary{font-size:max(12px,0.75rem)}.latest-heading-copy .page-subtitle{font-size:1.625rem}.latest-heading-copy h1{font-family:var(--serif);font-weight:800;font-size:2rem}.latest-globe{width:3.125rem;height:3.125rem}.compact-story .story-hit{grid-template-columns:4.25rem minmax(0,1fr);gap:0.6875rem}.compact-story .story-copy h2{font-size:1.25rem}.compact-story .english-title{font-size:max(12px,0.875rem)}.compact-story .content-tags span{font-size:max(12px,0.75rem);padding-inline:0.375rem}.a-tool-tile{padding:0.9375rem;min-height:7.25rem}.a-tool-copy>strong{font-size:1rem}.a-tool-copy>small{font-size:max(12px,0.875rem)}.profile-card{gap:0.625rem;padding:1.0625rem 0.75rem}.profile-avatar{width:3.3125rem;height:3.3125rem}.profile-avatar .icon{width:2.0625rem;height:2.0625rem}.profile-copy h2{font-size:1.4375rem}.profile-membership{font-size:max(12px,0.75rem);padding:0.625rem;max-width:44%}.profile-links>a>span{gap:0.875rem}.profile-links strong{font-size:1.125rem}.profile-links small{font-size:max(12px,0.75rem)}.note-card{padding:1.25rem 1.125rem 0.75rem}.note-body{font-size:1.4375rem}.note-actions{gap:0.5625rem}.note-actions>a,.note-actions>button{font-size:max(12px,0.75rem)}.note-footer>time,.note-footer>small{font-size:max(12px,0.75rem)}.dialog-actions{gap:0.5rem}.dialog-actions .button{padding-inline:0.75rem;font-size:0.9375rem}
}

/* Short personal pages share the same content measure as the phone composition. */
.page-history,.page-notes,.page-help,.page-about{--content-max:27.5rem}
/* The approved tablet home is a wide banner, independent of the personal-page measure. */
@media(min-width:601px) and (max-width:1023px) and (min-height:601px){
 html:has(.page-home){font-size:clamp(14px,calc((100svh - var(--rtw-safe-top,0px) - var(--rtw-safe-bottom,0px))/71),18px)}
 #app:has(.page-home)>.header-home{--rtw-header-content-height:7.1875rem;--rtw-header-height:calc(7.1875rem + var(--rtw-safe-top,0px))}
 .header-home .a-brand-mark{width:2.875rem;height:2.875rem}.header-home .brand>span{font-size:2.125rem}.header-home .brand small{font-size:.875rem}
 #main.page-home{--product-gutter:clamp(1.125rem,4.8vw,2.5rem);max-width:none}
 .a-home-surface{--home-gap:1.25rem}.a-cover-story{min-height:24.375rem}
 .a-feature-grid{gap:1.125rem}.a-tool-tile{min-height:9rem;padding:1.4375rem 1.5625rem;gap:.8125rem}
 .a-quiet-glyph .icon{width:2.0625rem;height:2.0625rem}.a-tool-copy>strong{font-size:1.3125rem}.a-tool-copy>small{font-size:1.125rem}
 .a-resume-panel{padding:1.3125rem 1.5625rem}.a-resume-heading{margin-bottom:1rem}.a-resume-heading h2{font-size:1rem}
 .a-resume-thumb{width:4.6875rem;height:4.875rem}.a-resume-info>strong{font-size:1.375rem}.a-resume-chapter{font-size:.875rem}
}
@media(min-width:64rem){.main,.product-main.main,.product-main.main.wide{max-width:var(--content-max,65rem)}}

@media(min-width:64rem){.main.page-home,.main.wide:has(.a-home-surface){max-width:60rem}.page-me,.page-activate,.page-activated,.page-history,.page-notes,.page-help,.page-about{--content-max:38rem}}

.story-description{font-size:max(14px,.875rem)}

@media(max-width:600px) and (max-height:900px){.a-home-surface{--home-gap:.75rem}}

.topic-select select{font-size:max(16px,.875rem)}
