*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.24;letter-spacing:-.022em;margin-top:0}p{margin:.5rem 0 1rem}hr{border:0;border-top:1px solid var(--border);margin:28px 0}input,textarea,select{background:var(--paper);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;padding:0 max(calc((100vw - 1210px)/2),24px);gap:24px}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:850;font-size:19px;letter-spacing:.035em;line-height:1.1}.brand:hover{text-decoration:none}.brand-light{font-weight:400}.brand small{font-size:10px;font-weight:400;color:#8ecacb;display:block;letter-spacing:.14em;margin-top:5px}.brand-icon{font-size:28px;color:#80d4d3}.toplinks{display:flex;gap:28px;align-items:center}.toplinks a{color:#e5f3f5;font-weight:500}.toplinks a:last-child{font-size:25px}.main{width:min(1210px,calc(100% - 48px));margin:0 auto;padding:34px 0 85px;flex:1}.page-title{font-size:clamp(1.75rem,3vw,2.45rem);margin:0 0 23px}.crumbs{margin-bottom:15px}.back{display:inline-block;margin:4px 0 18px;font-size:14px;font-weight:650}footer{background:var(--paper);border-top:1px solid var(--border);color:var(--muted);padding:18px 24px;text-align:center;font-size:12px}.mobile-nav{display:none}.loading{text-align:center;padding:130px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;min-height:43px;padding:10px 17px;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s,box-shadow .15s}.btn:hover{text-decoration:none;box-shadow:0 3px 11px rgba(20,53,66,.1)}.btn.primary{background:var(--teal);color:white}.btn.secondary{background:var(--navy);color:white}.btn.outline{border-color:var(--border);color:var(--text);background:var(--paper)}.btn.subtle{border-color:var(--border);background:transparent;color:var(--text)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:transparent}.btn.icon{padding:6px 10px;min-width:34px;min-height:33px}.btn.sm{font-size:12px;min-height:32px;padding:7px 11px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.actions.end{justify-content:flex-end;margin-top:20px}.row-start,.row-spread{display:flex;align-items:center;gap:12px}.row-spread{justify-content:space-between}.wrap{flex-wrap:wrap}.muted,.hint,.micro{color:var(--muted)}.hint{font-size:13px}.micro{font-size:12px;margin:8px 0 12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--teal);font-weight:850}.hero{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:18px;background:var(--navy);color:#fff;min-height:395px;box-shadow:var(--shadow)}.hero-copy{padding:50px 54px}.hero-copy .eyebrow{color:#80d4d3}.hero-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);max-width:580px;margin:16px 0 19px}.hero-copy>p:not(.eyebrow){font-size:16px;color:#d2e4e9;max-width:530px;margin-bottom:26px}.hero .btn.primary{background:#24b5b5}.hero .btn.secondary{background:transparent;border:1px solid #799caa}.hero-note{margin-top:28px;color:#b4d7df;font-size:12px}.hero-illustration{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 24%,#23657a 0,#164457 47%,#102b3b 78%);min-height:340px}.hero-illustration:after{content:"";height:160px;width:150%;position:absolute;bottom:-65px;left:-12%;border-top:1px solid #78b7c4;border-radius:50%;opacity:.5}.ship-sketch{position:absolute;top:100px;left:50%;transform:translateX(-50%);width:290px;height:150px}.ship-cabin{position:absolute;right:70px;top:9px;width:100px;height:70px;background:#d7e5e8;border-radius:12px 12px 0 0;color:#376274;text-align:center;padding:11px;font-size:32px;box-shadow:inset 0 -9px #9db4c0}.ship-cabin:after{content:"";position:absolute;left:15px;top:10px;height:22px;width:70px;background:repeating-linear-gradient(90deg,#3b7689 0 14px,#c8e5ec 14px 17px);border-radius:3px}.ship-hull{position:absolute;top:76px;left:0;width:100%;height:70px;background:linear-gradient(#dfe8e9 0 34%,#2d8292 34%);clip-path:polygon(0 0,100% 0,83% 100%,12% 100%);border-bottom:8px solid #87bdc2}.floating-card{position:absolute;top:40px;left:17px;background:#fff;color:#1f3d4c;padding:12px 14px;border-radius:10px;font-size:13px;box-shadow:0 8px 32px #0003}.floating-card span{font-weight:900;color:var(--teal);margin-right:8px}.floating-card b{color:#2aa78c;margin-left:12px}.floating-card.second{top:auto;left:auto;right:24px;bottom:49px}.cards{display:grid;gap:17px;margin:26px 0}.cards.three{grid-template-columns:repeat(3,1fr)}.card,.panel,.book-card,.split-card,.export-card,.import-block{background:var(--paper);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card{padding:23px}.card h3{margin:12px 0 6px;font-size:18px}.card p{color:var(--muted);font-size:14px;margin:0}.feature-icon{font-size:27px;color:var(--teal)}.split-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;margin-bottom:25px}.split-card h2{margin:2px 0 7px}.split-card p{max-width:620px;color:var(--muted)}.privacy-band{border:1px solid #b6d8db;background:var(--tealsoft);color:var(--text);padding:16px 20px;border-radius:11px;font-size:13px;line-height:1.6;margin:20px 0}.panel{padding:24px}.content-panel{max-width:920px;margin:0 auto}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 25px}.step{background:var(--bg);color:var(--muted);padding:7px 12px;border-radius:40px;font-size:12px}.step.active{background:var(--tealsoft);color:var(--teal);font-weight:800}.ship-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.input-group{display:flex;flex-direction:column;gap:7px;margin:13px 0;min-width:0}.input-group>span{font-size:13px;font-weight:750}.input-group b{color:var(--danger)}.input-group input,.input-group select,.input-group textarea,.search-label input,.marker-row input{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;outline:none;min-width:0}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.search-label input:focus,.marker-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 14%,transparent)}.input-group textarea{min-height:75px;resize:vertical}.field-error{color:var(--danger);font-size:12px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.book-list{display:grid;gap:14px}.book-card{display:flex;align-items:center;gap:20px;padding:24px}.book-icon{font-size:35px;color:var(--teal);background:var(--tealsoft);border-radius:12px;padding:15px}.book-body h2{font-size:20px;margin:0}.book-body p{margin:9px 0 1px}.book-body small{color:var(--muted);display:block;margin-bottom:14px}.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:850;border-radius:99px;padding:5px 9px;letter-spacing:.045em;background:var(--tealsoft);color:var(--teal)}.tag.draft{background:var(--warn);color:#8d5d0a}.tag.ok{background:#ddf5e9;color:#116941}.empty{text-align:center;background:var(--paper);border:1px dashed var(--border);border-radius:12px;padding:50px 20px}.empty-icon{font-size:35px;color:var(--teal)}.empty p{color:var(--muted)}.import-block{padding:22px;margin-top:23px}.import-block p{color:var(--muted)}.file-btn{cursor:pointer}.workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:18px;align-items:start}.sidebar{position:sticky;top:18px;background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sidebar-head{padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.chapter-list{padding:7px;max-height:calc(100vh - 260px);overflow:auto}.chapter-link{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:12px 10px;background:transparent;color:var(--text);border:0;border-radius:7px;font-size:13px}.chapter-link:hover,.chapter-link.active{background:var(--tealsoft)}.chapter-link.active{font-weight:800;color:var(--teal)}.chapter-link small{color:var(--muted)}.sidebar-foot{border-top:1px solid var(--border);padding:14px;display:grid;gap:10px;font-size:13px}.editor-body{min-width:0}.editor-body .panel h2{margin:0;font-size:20px}.editor-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 16px;color:var(--muted);font-size:12px}.save-status{color:var(--teal)}.save-error{color:var(--danger)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:18px 0}.tab{border:0;border-bottom:3px solid transparent;color:var(--muted);padding:12px 16px;background:transparent;font-weight:750}.tab.active{border-color:var(--teal);color:var(--teal)}.topic-strip{display:flex;gap:8px;overflow:auto;padding:12px 0 20px}.topic-chip{border:1px solid var(--border);border-radius:9px;padding:9px 13px;background:var(--paper);color:var(--text);white-space:nowrap;font-size:13px}.topic-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.topic-editor{border-top:1px solid var(--border);padding-top:22px}.topic-editor h3{font-size:17px}.formatbar{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 2px}.photos-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:28px}.photo-card{border:1px solid var(--border);padding:16px;border-radius:12px;margin:16px 0;background:var(--bg)}.photo-layer{position:relative;width:100%;line-height:0;overflow:hidden;border-radius:10px;background:#dae7e8;touch-action:auto}.photo-layer>img{display:block;width:100%;height:auto;user-select:none}.photo-placeholder{height:170px;display:grid;place-items:center;line-height:1.4}.photo-marker{position:absolute;border:2px solid white;background:#143b56;color:white;box-shadow:0 2px 8px #0004;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:31px;height:31px;padding:0;border-radius:50%;line-height:1;font-size:14px;font-weight:850;touch-action:none;cursor:grab}.photo-marker.static{pointer-events:none;cursor:default}.marker-list{display:grid;gap:10px}.marker-row{display:flex;align-items:center;gap:9px}.marker-no{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-size:12px;font-weight:800;flex-shrink:0}.approve{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.success{color:#17895a}.reader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.reader-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.reader-side{position:sticky;top:20px;background:var(--paper);border-radius:12px;padding:18px;border:1px solid var(--border);display:grid;gap:8px}.reader-side h3{font-size:14px;margin:0 0 10px}.reader-side a{color:var(--text);font-size:13px}.reader-main{min-width:0}.search-label{display:block;font-size:13px;font-weight:750;margin-bottom:18px}.search-label input{margin-top:7px}.reader-chapter{background:var(--paper);border:1px solid var(--border);border-radius:13px;margin:0 0 20px;padding:25px}.reader-chapter>h2{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:21px}.reader-topic{padding:18px 0;border-bottom:1px solid var(--border)}.reader-topic:last-child{border-bottom:0}.reader-topic h3{margin:0 0 10px}.reader-topic h4{margin:14px 0 6px}.prose p,.prose .bullet{margin:5px 0}.warning{background:var(--warn);border-left:3px solid #da9d37;padding:10px 14px;margin:12px 0}.warning p{margin:4px 0}.reader-photo{margin:18px 0;max-width:740px}.reader-photo figcaption{font-size:13px;font-weight:750}.reader-photo ol{font-size:13px}.reader-layer{cursor:zoom-in}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-grid>div{padding:9px 0;border-bottom:1px solid var(--border)}dt{font-size:12px;color:var(--muted)}dd{margin:3px 0;font-weight:700}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.export-card{padding:23px;display:flex;flex-direction:column;gap:7px}.export-card h3{margin:3px 0}.export-card p{font-size:13px;color:var(--muted);flex:1}.export-icon{background:var(--tealsoft);color:var(--teal);font-weight:900;border-radius:10px;display:grid;place-items:center;width:50px;height:50px}.coming{text-align:center;padding:105px 20px}.coming h2{font-size:45px}.zoom-modal{position:fixed;inset:0;z-index:30;background:#081923e8;display:flex;align-items:center;justify-content:center;padding:30px;overflow:auto}.zoom-modal>.btn{position:fixed;top:20px;right:20px;z-index:2}.zoom-modal>.photo-card{max-width:min(1000px,96vw);max-height:calc(100vh - 90px);overflow:auto;width:100%}.toast{position:fixed;right:24px;bottom:30px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 8px 40px #0003;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s;pointer-events:none;max-width:400px;z-index:90;font-size:13px}.toast.show{opacity:1;transform:none}.toast.bad{background:#9d3535}.error-box{border:1px solid var(--danger);border-radius:12px;padding:25px;background:var(--paper)}
@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-illustration{display:none}.cards.three{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:215px minmax(0,1fr)}.export-grid{grid-template-columns:1fr}.reader-layout{grid-template-columns:1fr}.reader-side{position:static;display:block}.reader-side a{display:inline-block;margin-right:12px}.reader-side h3{display:block}.main{width:min(100% - 30px,1210px)}.topbar{padding:0 16px}}
@media(max-width:660px){.topbar{height:68px}.brand{font-size:15px}.brand-icon{font-size:23px}.toplinks{display:none}.main{padding:22px 0 100px}.page-title{font-size:26px}.hero-copy{padding:33px 23px}.hero-copy h2{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero .actions .btn{width:100%}.cards.three{grid-template-columns:1fr}.split-card{padding:22px;align-items:flex-start;flex-direction:column}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;z-index:20;background:var(--paper);border-top:1px solid var(--border);justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:0;font-size:22px;color:var(--text);line-height:1}.mobile-nav span{font-size:10px;margin-top:6px}.app footer{padding-bottom:77px}.ship-fields{grid-template-columns:1fr;gap:1px}.panel{padding:16px}.workspace{display:block}.sidebar{position:static;margin-bottom:15px}.chapter-list{display:flex;gap:5px;overflow:auto;max-height:none}.chapter-link{min-width:145px;width:auto;flex-shrink:0;align-items:flex-start}.chapter-link small{display:none}.sidebar-foot{display:none}.sidebar-head{padding:11px}.book-card{padding:16px;gap:12px;align-items:flex-start}.book-icon{font-size:24px;padding:11px}.book-body h2{font-size:17px}.page-top{align-items:flex-start;flex-direction:column}.topic-chip{font-size:12px}.row-spread.wrap .actions{gap:5px}.reader-chapter{padding:18px}.reader-top{gap:12px}.reader-side{display:none}.info-grid{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr}.photos-header{flex-wrap:wrap}.photo-card{padding:10px}.toast{right:12px;left:12px;bottom:78px;max-width:none}}
@media print{.topbar,.mobile-nav,.sidebar,.reader-side,.reader-top,.search-label,.page-title,.crumbs,.app footer,.btn{display:none!important}.main{width:100%;padding:0}.reader-layout{display:block}.reader-chapter{break-after:page;border:none;box-shadow:none;padding:0}.reader-photo{break-inside:avoid}.privacy-band{font-size:10px}}
.zoom-read{width:min(1000px,94vw);max-height:88vh;overflow:auto;background:var(--paper);padding:18px;border-radius:12px}.zoom-read .photo-layer{max-height:70vh}.zoom-read h3{margin-top:14px}.zoom-read li{font-size:14px}
/* Handboek 1.1: offline, omslagfoto, leesbaarheid en hoofdstukverbergen */
.disabled-chapter{opacity:.57;font-style:italic}
.cover-block{margin:1.3rem 0;padding:1rem;border:1px solid var(--border,#d5dee4);border-radius:14px}
.cover-preview{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1rem}
.cover-preview img{max-width:420px;width:100%;max-height:245px;object-fit:contain;border-radius:12px}
.reader-cover{display:block;width:100%;max-height:340px;object-fit:contain;object-position:left center;border-radius:12px;margin-bottom:1rem}
.offline-check{margin:.75rem 0;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border,#d4e3e4)}
.btn[hidden]{display:none!important}
@media print{.cover-block,.offline-check{break-inside:avoid}}
/* Scheepshandboek 1.2: transparante volledigheid en mobiele hoofdstuknavigatie */
.completion-callout{margin:12px 0 18px;padding:15px 18px;border:1px solid var(--border);border-left:4px solid #9d6a15;border-radius:12px;background:var(--paper)}
.completion-callout strong{display:block;font-weight:750;margin-bottom:5px}.completion-callout p{margin:.35rem 0;color:var(--muted)}
.completion-callout details{margin-top:10px}.completion-callout summary{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.completion-callout ul{max-height:240px;overflow:auto;margin-top:8px;padding-left:20px}.completion-callout li{margin:3px 0}
.chapter-incomplete{font-size:.9rem;color:var(--muted);border-top:1px solid var(--border);padding-top:9px;margin-top:18px}
.mobile-chapter-nav{display:none}.mobile-chapter-nav select{width:100%;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--text)}
@media(max-width:780px){.mobile-chapter-nav{display:block;font-size:14px;font-weight:650;margin-bottom:14px}.mobile-chapter-nav select{display:block;margin-top:6px;font-weight:400}}
@media print{.mobile-chapter-nav{display:none}.completion-callout{break-inside:avoid}}
/* The supplied HELMERYs mark, matching BIQ. */
.logo-window{position:relative;display:block;overflow:hidden;width:52px;height:62px;border-radius:8px;background:#fff;flex-shrink:0}.logo-window img{position:absolute;width:199px;height:auto;max-width:none;left:-73px;top:-25px}
.neutral-coming{min-height:100dvh;background:#fff;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;font:24px system-ui,sans-serif}.neutral-coming h1{font:inherit;letter-spacing:normal}.neutral-coming .back{font-size:14px;color:#086f70}
:focus-visible{outline:3px solid #25aaa6;outline-offset:3px}
@media(max-width:640px){.btn,.btn.sm{min-height:44px}.btn.icon{min-width:44px;min-height:44px}.logo-window{width:36px;height:44px}.logo-window img{width:144px;left:-53px;top:-18px}.brand{font-size:15px;gap:8px}.topbar{gap:10px}.toplinks{gap:14px}}
.logo-window img{width:307.2px;left:-39.4px;top:-64px}.download-ready{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;max-width:calc(100vw - 32px);box-shadow:0 4px 24px #0005;border:2px solid white!important}
@media(max-width:640px){.logo-window img{width:212.7px;left:-27.3px;top:-44.3px}.download-ready{bottom:85px}}
/* Full supplied logo, using BIQ's crop window without modifying the image. */
.topbar{height:auto;min-height:108px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}.brand{gap:18px}.logo-window{width:300px;height:auto;aspect-ratio:1180/336;border-radius:10px}.logo-window img{width:130.169492%;height:auto;left:-15.677966%;top:-91.666667%;max-width:none}.toplinks{gap:18px;flex-wrap:wrap}.mode-link{font-size:13px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.choice-grid .panel{padding:32px}.choice-grid h2{font-size:27px}.choice-symbol{font-size:32px;color:var(--teal)}.choice-grid p{min-height:100px}.auth-panel{max-width:600px;padding:30px;margin:0 auto}.auth-links{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0}.recovery-code{white-space:pre-wrap;overflow-wrap:anywhere;font:600 18px/1.8 monospace;background:var(--bg);border:1px solid var(--border);padding:20px;border-radius:10px}.field-error:empty{display:none}
@media(max-width:800px){.brand{flex-wrap:wrap}.brand>span:last-child{display:none}.choice-grid{grid-template-columns:1fr;gap:16px}.choice-grid p{min-height:0}.logo-window{width:240px;height:auto}.logo-window img{width:130.169492%;left:-15.677966%;top:-91.666667%}.topbar{min-height:96px}.auth-panel{padding:22px}.choice-grid .panel{padding:24px}}
@media(max-width:640px){.logo-window{width:240px;max-width:70vw}.logo-window img{width:130.169492%;left:-15.677966%;top:-91.666667%}.choice-grid h2{font-size:24px}}
/* Public introduction; editor and reader retain their own layout. */
.landing-main{padding-top:0;padding-bottom:60px}.landing-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding:76px 0 64px;position:relative}.landing-intro{min-width:0}.landing-intro>.eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:.11em;font-size:11px}.landing-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10afbd;flex:none}.landing-intro h1{font-size:clamp(36px,3.9vw,54px);font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:24px 0;max-width:620px}.landing-intro h1 em{font-style:normal;color:var(--teal)}.landing-lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:540px;margin-bottom:28px}.landing-intro .actions{gap:12px}.landing-main .btn{min-height:48px;padding:12px 20px}.landing-intro .btn.primary{gap:25px;box-shadow:0 8px 20px #08787821}.landing-text-btn{background:transparent;color:var(--text);padding-left:12px!important;padding-right:12px!important}.landing-promise{font-size:11px;color:var(--muted);margin:22px 0 14px;line-height:1.8}.landing-promise span{padding:0 6px;color:#2f999b}.landing-return{font-size:12px;font-weight:650}.landing-preview{margin:0;position:relative;isolation:isolate;min-width:0;padding:16px 0}.landing-preview:before{content:"";position:absolute;inset:-20px -22px 4px 20px;background:linear-gradient(140deg,#e0eeec,#d0e7e9);border-radius:42% 14% 30% 12%;z-index:-1}.landing-preview-label{font-size:11px;letter-spacing:.015em;color:var(--muted);display:flex;align-items:center;gap:7px;margin:0 0 15px 14px}.landing-book{background:#fff;color:#19384b;border:1px solid #c6d9df;border-radius:14px;box-shadow:0 22px 55px #12384e20;overflow:hidden;transform:rotate(-1deg)}.landing-book-top{padding:20px 22px;background:#092f50;color:white;display:flex;align-items:center;gap:12px}.landing-book-symbol{font-size:27px;color:#6ed1d6}.landing-book-top strong{font-size:17px}.landing-book-top small{display:block;font-size:10px;color:#a2bfce;margin-top:2px}.landing-concept{font-size:9px;text-transform:uppercase;letter-spacing:.07em;background:#315063;border:1px solid #597484;border-radius:5px;padding:4px 7px;margin-left:auto}.landing-book-body{display:grid;grid-template-columns:145px 1fr;min-height:300px}.landing-book-nav{background:#f2f6f7;border-right:1px solid #e0e9eb;padding:23px 8px;display:flex;flex-direction:column;gap:6px;font-size:10px}.landing-book-nav small{font-size:8px;letter-spacing:.16em;color:#778e9b;padding:0 9px 12px}.landing-book-nav span{padding:9px 7px;border-radius:5px}.landing-book-nav .active{color:#076a70;background:#d7edee;font-weight:700}.landing-book-page{padding:23px 20px 20px;min-width:0}.landing-book-page>small{font-size:8px;color:#6a8491;letter-spacing:.13em}.landing-book-page h2{font-size:19px;margin:8px 0 14px}.landing-demo-photo{position:relative;background:#cce4e7;border-radius:7px;overflow:hidden;aspect-ratio:2/1}.landing-demo-photo svg{display:block;width:100%;height:100%}.landing-marker{position:absolute;display:grid;place-items:center;background:#06a4b7;color:white;border:2px solid white;width:24px;height:24px;border-radius:50%;box-shadow:0 2px 8px #0002;font-size:10px;font-weight:800}.landing-marker.one{left:44%;top:58%}.landing-marker.two{left:74%;top:59%}.landing-photo-label{position:absolute;bottom:7px;left:9px;background:#092b43d9;color:#fff;font-size:8px;border-radius:3px;padding:2px 5px}.landing-demo-caption{display:flex;gap:7px;align-items:center;font-size:9px;color:#597480;margin-top:12px;line-height:1.4}.landing-demo-caption b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e4f2f3;color:#087780;flex:none}.landing-demo-empty{border:1px dashed #c9d9df;border-radius:5px;padding:8px;font-size:9px;color:#77909b;margin-top:15px}.landing-book-bottom{border-top:1px solid #e2ebed;padding:12px 17px;display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#67818f}.landing-book-bottom span:last-child{font-weight:750;color:#087880;white-space:nowrap}.landing-preview figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:22px}.landing-audience{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0;font-size:12px}.landing-audience>span{max-width:160px;color:var(--muted)}.landing-audience strong{font-weight:650}.landing-section{padding:68px 0}.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:33px}.landing-section h2{font-size:clamp(28px,3vw,37px);letter-spacing:-.035em;margin-bottom:0;line-height:1.2}.landing-section-head>p{color:var(--muted);font-size:14px;margin:0 0 3px;max-width:420px;line-height:1.8}.landing-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:steps}.landing-step-no{font-size:13px;font-weight:700;display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #b5d5d8;border-radius:50%;color:var(--teal);margin-bottom:20px}.landing-steps h3{font-size:19px;margin-bottom:12px}.landing-steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.landing-contents{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-contents h2{margin-bottom:22px}.landing-contents>div>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;max-width:490px}.landing-responsibility{border-left:3px solid #12a2ae;padding:2px 0 2px 19px;margin-top:28px}.landing-responsibility strong{font-size:13px}.landing-responsibility p{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0 0}.landing-chapters{background:var(--paper);border:1px solid var(--border);padding:6px 26px;border-radius:14px;box-shadow:var(--shadow)}.landing-chapters>div{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.landing-chapters>div>span{font-size:12px;color:var(--teal);font-weight:750}.landing-chapters p{margin:0}.landing-chapters strong{font-size:15px}.landing-chapters small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.landing-chapters-note{font-size:11px!important;margin:17px 0!important;line-height:1.6!important}.landing-storage{display:grid;grid-template-columns:1fr 1fr;gap:25px}.landing-storage article{display:flex;align-items:flex-start;flex-direction:column;padding:32px 36px;background:var(--paper);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}.landing-storage article:first-child:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0b929b}.landing-storage-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:750}.landing-storage h3{font-size:28px;margin:14px 0}.landing-storage p{font-size:14px;color:var(--muted);line-height:1.8}.landing-storage ul{padding:0;margin:4px 0 18px;list-style:none;font-size:13px;line-height:2.3}.landing-storage li:before{content:"✓";color:var(--teal);padding-right:10px;font-weight:700}.landing-storage-note{font-size:12px!important;padding-top:18px;border-top:1px solid var(--border);margin:0 0 25px!important}.landing-storage .btn{margin-top:auto}.landing-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding-top:8px}.landing-faq details{border-bottom:1px solid var(--border);padding:19px 0}.landing-faq details:first-child{padding-top:4px}.landing-faq summary{cursor:pointer;font-size:15px;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";color:var(--teal);font-size:23px;flex:none;font-weight:400}.landing-faq details[open] summary:after{content:"−"}.landing-faq details p{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 30px 6px 0}.landing-faq details a{font-size:13px}.landing-final{text-align:center;color:white;background:#062e50;border-radius:18px;padding:48px 24px;position:relative;overflow:hidden}.landing-final .eyebrow{color:#74cdd3}.landing-final h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;margin:14px 0}.landing-final p:not(.eyebrow){color:#c2d6df;font-size:15px;margin-bottom:25px}.landing-final .btn.primary{background:#0b8b95}.landing-family{color:#b2cbd7;display:block;font-size:10px;margin-top:24px}.landing-main a:focus-visible,.landing-main button:focus-visible,.landing-main summary:focus-visible{outline:3px solid #0a9fad;outline-offset:5px}:root[data-theme="dark"] .landing-preview:before{background:linear-gradient(140deg,#153c46,#1b4c56)}
@media(max-width:1050px){.landing-hero{gap:30px;padding:55px 0}.landing-intro h1{font-size:40px}.landing-book-body{grid-template-columns:112px 1fr}.landing-book-page{padding:20px 14px}.landing-book-nav{font-size:8px}.landing-book-page h2{font-size:17px}.landing-preview:before{right:-8px}.landing-steps{gap:25px}.landing-contents{gap:35px}.landing-faq{gap:40px}.landing-audience{gap:16px;font-size:11px}}
@media(max-width:800px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:44px 10px}.landing-intro h1{font-size:clamp(38px,6.4vw,50px);max-width:620px}.landing-lead{max-width:600px}.landing-preview{max-width:540px;width:100%;margin:0 auto 8px}.landing-book-body{grid-template-columns:145px 1fr}.landing-book-nav{font-size:10px}.landing-book-page{padding:23px 20px}.landing-audience{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;padding:24px 10px}.landing-audience>span{max-width:none}.landing-section{padding:46px 10px}.landing-section-head{display:block}.landing-section-head>p{margin-top:18px}.landing-contents{grid-template-columns:1fr;gap:28px}.landing-contents>div>p:not(.eyebrow){max-width:none}.landing-contents h2 br{display:none}.landing-storage{gap:18px}.landing-storage article{padding:26px 22px}.landing-faq{grid-template-columns:1fr;gap:25px;padding-top:10px}.landing-steps{gap:20px}.landing-steps h3{font-size:17px}.landing-steps p{font-size:13px}}
@media(max-width:540px){.landing-main{width:100%;padding-bottom:100px}.landing-hero{padding:35px 22px 30px;gap:35px;overflow:hidden}.landing-intro>.eyebrow{font-size:9px;letter-spacing:.09em}.landing-intro h1{font-size:37px;margin:20px 0;line-height:1.12}.landing-lead{font-size:15px;line-height:1.8;margin-bottom:24px}.landing-intro .actions{gap:4px}.landing-main .btn{font-size:13px;padding:12px 17px}.landing-intro .btn.primary{gap:14px}.landing-text-btn{font-size:12px!important}.landing-promise{font-size:10px;margin-top:17px}.landing-promise span{padding:0 3px}.landing-return{font-size:11px}.landing-preview:before{inset:-8px -12px 5px 7px}.landing-preview-label{font-size:10px;margin-left:5px}.landing-book-body{grid-template-columns:86px 1fr;min-height:260px}.landing-book-nav{font-size:7px;padding:20px 4px;gap:6px}.landing-book-nav span{padding:8px 4px;line-height:1.6}.landing-book-nav small{font-size:7px;padding:0 5px 8px}.landing-book-page{padding:17px 13px}.landing-book-page h2{font-size:16px}.landing-book-top{padding:15px}.landing-book-top strong{font-size:15px}.landing-book-top small{font-size:9px}.landing-demo-caption{font-size:8px;margin-top:10px}.landing-marker{width:21px;height:21px;font-size:9px}.landing-demo-empty{font-size:8px;margin-top:12px}.landing-book-bottom{padding:11px 10px;font-size:7px;gap:5px}.landing-preview figcaption{font-size:9px;margin-top:20px}.landing-audience{padding:22px;gap:15px;font-size:10px}.landing-section{padding:40px 22px}.landing-section h2{font-size:30px}.landing-section .eyebrow{font-size:10px}.landing-section-head>p{font-size:13px}.landing-steps{grid-template-columns:1fr;gap:27px}.landing-steps li{position:relative;padding-left:57px}.landing-step-no{position:absolute;top:0;left:0;width:35px;height:35px;font-size:11px}.landing-steps h3{font-size:18px;margin:5px 0 9px}.landing-steps p{font-size:14px}.landing-contents{gap:25px}.landing-contents>div>p:not(.eyebrow){font-size:14px}.landing-chapters{padding:2px 20px}.landing-chapters>div{gap:15px;padding:18px 0}.landing-chapters strong{font-size:14px}.landing-chapters small{font-size:11px}.landing-storage{grid-template-columns:1fr;gap:20px}.landing-storage article{padding:26px}.landing-storage .btn{width:100%}.landing-faq{padding-top:4px}.landing-faq summary{font-size:14px;line-height:1.6}.landing-final{margin:0 15px;padding:36px 20px}.landing-final h2{font-size:29px}.landing-final p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-book{transform:none}}
:root[data-theme="dark"] .landing-main .btn.primary{background:#0b7882;color:#fff}
.language-picker{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:16px}.language-picker select{max-width:126px;min-height:44px;border:1px solid #7096ae;border-radius:7px;background:#f9fcfd;color:#133448;font-size:13px;padding:8px 7px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid #5dd7de;outline-offset:3px}.brand>span:last-child{font-size:17px}.toplinks{font-size:14px;gap:16px}.topbar{gap:20px}.toplinks .mode-link{font-size:12px}
@media(max-width:1100px) and (min-width:801px){.topbar .logo-window{width:245px}.brand>span:last-child{font-size:15px}.toplinks{gap:12px;font-size:13px}}
@media(max-width:800px){.language-picker{margin-left:auto}.topbar{flex-wrap:nowrap;gap:10px}.toplinks{display:none}.topbar .logo-window{width:210px;max-width:52vw}.language-picker select{max-width:112px;font-size:12px}.language-picker{gap:4px;font-size:14px}}
.download-overlay{position:fixed;inset:0;z-index:300;background:#061925c9;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.download-panel{width:min(540px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--paper);color:var(--text);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 24px 80px #0005}.download-panel h2{font-size:25px;margin:0}.download-close{flex:none;background:var(--bg);color:var(--text);min-width:44px!important;min-height:44px!important;font-size:24px}.download-filename{font-size:15px;font-weight:750;overflow-wrap:anywhere;margin:22px 0 3px}.download-size{font-size:12px;color:var(--muted);margin:0 0 20px}.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px}.download-actions .btn{min-height:48px;flex:1}.download-panel #download-ready{position:static;transform:none;max-width:none;box-shadow:none;border:1px solid transparent!important}.download-panel [hidden]{display:none!important}.download-status{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0 0}.download-panel a:focus-visible,.download-panel button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(max-width:540px){.download-overlay{padding:14px}.download-panel{padding:22px;max-height:calc(100dvh - 28px)}.download-panel h2{font-size:23px}.download-actions{flex-direction:column}.download-actions .btn{width:100%;flex:none}}
.download-panel .btn.primary{background:#086f70;color:#fff}
/* HELMERYs interface, 1.8.0. Shared by the homepage, editor, reader and account screens. */
:root{
color-scheme:light;--bg:#FAFAF9;--paper:#FFFFFF;--text:#242833;--muted:#59616E;--border:#E2E6EB;
--heading:#102452;--action:#A32E40;--action-text:#A32E40;--control-border:#8B95A7;--accent:#4BA7C2;--selected:#EEF3F8;--surface-subtle:#F3F5F7;
--navy:var(--heading);--navydark:#102452;--teal:var(--action);--tealsoft:var(--selected);
--logo-blue:var(--heading);--logo-blue-soft:var(--selected);--logo-cyan:var(--accent);
--danger:#A32E40;--warn:#FFF7E8;--shadow:0 2px 12px rgb(16 36 82 / .035);
--radius:12px;--bottom-nav-space:0px;
font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
:root[data-theme="dark"]{
color-scheme:dark;--bg:#14181F;--paper:#1D232D;--text:#EDF0F5;--muted:#B5BDC9;--border:#384150;
--heading:#B9D0F7;--action-text:#EFB4BF;--control-border:#69788E;--selected:#27364B;--surface-subtle:#232B36;--danger:#F1A5AF;--warn:#3C3224;
--shadow:0 2px 12px rgb(0 0 0 / .12);
}
body{line-height:1.65;background:var(--bg);color:var(--text)}
h1,h2,h3,h4{color:var(--heading);font-weight:750;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
a{color:var(--heading);text-underline-offset:4px}a:hover{color:var(--action)}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;pointer-events:none}
.topbar{min-height:80px;height:auto;padding:8px max(calc((100vw - 1200px)/2),24px);gap:20px;flex-wrap:nowrap;background:#FFF;color:#102452;border-bottom:1px solid #E2E6EB}
:root[data-theme="dark"] .topbar{background:#FFF;color:#102452}
.brand{gap:14px;letter-spacing:0;flex:none;order:0;color:#102452;min-width:0}
.brand-caption{font-size:16px!important;font-weight:750;line-height:1.25;color:#102452}
.brand small{font-size:10px;letter-spacing:.025em;color:#59616E;font-weight:450;margin-top:5px}
.logo-window,.topbar .logo-window{width:200px;height:auto;aspect-ratio:2169/725;max-width:none;overflow:visible;background:transparent;border-radius:0}
.logo-window img{position:static;display:block;width:100%;height:auto;max-width:100%;left:auto;top:auto}
.toplinks{display:flex;flex-wrap:nowrap;order:1;margin-left:auto;gap:3px;font-size:13px;min-width:0}
.toplinks a,.toplinks a:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:8px;color:#59616E;font-weight:550;font-size:13px;white-space:nowrap;text-decoration:none}
.toplinks a:hover{background:#F3F5F7;color:#102452}.toplinks a.active{color:#102452;background:#EEF3F8;font-weight:750}
.toplinks .mode-link{font-size:12px}.toplinks .nav-settings{width:44px;padding:10px}
.language-picker{order:2;gap:6px;margin-left:0;font-size:13px;flex:none;color:#102452}
.language-picker>.ui-icon{width:17px;height:17px;color:#4BA7C2}
.language-picker select{width:110px;max-width:110px;min-height:40px;padding:6px 7px;border-radius:7px;border:1px solid #E2E6EB;background:#FFF;color:#242833;font-size:12px}
.main{width:min(1200px,calc(100% - 48px));padding:32px 0 52px}
.page-title{font-size:clamp(25px,3vw,34px);margin-bottom:20px}.page-top{flex-wrap:wrap}.page-top p{margin:0}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 20px;font-size:14px;font-weight:600;color:var(--heading)}
.back .ui-icon{width:18px;height:18px}
.btn{min-height:44px;padding:11px 17px;border-radius:8px;font-size:14px;font-weight:650;gap:8px;line-height:1.4;white-space:normal;text-align:center;box-shadow:none;transition:background .15s,border-color .15s}
.btn:hover{box-shadow:none}.btn.primary,.hero .btn.primary,.landing-final .btn.primary,.download-panel .btn.primary,
:root[data-theme="dark"] .btn.primary,:root[data-theme="dark"] .landing-main .btn.primary{background:#A32E40;color:#FFF;border-color:#A32E40}
.btn.primary:hover{background:#892638;border-color:#892638}
.btn.secondary,.btn.outline{background:var(--paper);color:var(--heading);border-color:var(--border)}
.btn.secondary:hover,.btn.outline:hover,.btn.subtle:hover{background:var(--surface-subtle);border-color:color-mix(in srgb,var(--heading) 30%,var(--border))}
.btn.subtle{color:var(--heading);background:transparent;border-color:transparent}
.btn.danger{color:var(--danger);background:transparent;border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}
.btn.icon,.btn.sm{min-height:44px}.btn.icon{min-width:44px;padding:10px}.btn.sm{font-size:13px;padding:9px 13px}
button:disabled,.btn[aria-disabled="true"]{opacity:1;color:var(--muted);background:var(--surface-subtle);border-color:var(--border);cursor:not-allowed;box-shadow:none}
.actions{gap:10px}.row-spread,.row-start{min-width:0}.row-spread>div{min-width:0}.row-start{flex-wrap:wrap}
.card,.panel,.book-card,.split-card,.export-card,.import-block,.reader-chapter,.reader-side,.sidebar,.landing-chapters,.landing-storage article{border-color:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}
.panel{padding:28px}.panel>h2:not(:first-child){margin-top:28px}.panel .panel{box-shadow:none}
.content-panel{max-width:960px}.auth-panel{max-width:600px}.hint,.micro{line-height:1.65}.hint{font-size:14px}.micro{font-size:12px}
.input-group{gap:8px;margin:16px 0}.input-group>span,.input-group>label{font-size:14px;font-weight:650}
.input-group input,.input-group textarea,.input-group select,.search-label input,.marker-row input,.mobile-chapter-nav select{border:1px solid var(--border);border-radius:8px;padding:11px 12px;min-height:46px;font-size:16px;color:var(--text);background:var(--paper);border-color:var(--control-border)}
.input-group input:focus,.input-group textarea:focus,.input-group select:focus,.search-label input:focus,.marker-row input:focus{border-color:var(--heading);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.ship-fields{gap:12px 24px}.input-group textarea{line-height:1.6}.input-group input::placeholder,.input-group textarea::placeholder,.search-label input::placeholder{color:var(--muted);opacity:.8}
.book-card{padding:24px;align-items:flex-start}.book-body{min-width:0;flex:1}.book-body h2{font-size:21px;overflow-wrap:anywhere}.book-body small{font-size:12px}
.book-icon,.export-icon,.empty-icon,.choice-symbol,.feature-icon{color:var(--accent);background:transparent}
.book-icon{padding:10px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center}.book-icon .ui-icon,.choice-symbol .ui-icon,.empty-icon .ui-icon{width:28px;height:28px}
.export-icon{width:44px;height:44px;border:1px solid var(--border);border-radius:10px}.export-icon .ui-icon{width:23px;height:23px}
.export-card{padding:22px;gap:10px}.export-card h3{font-size:19px}.export-card p{font-size:14px;line-height:1.65}
.empty-icon{margin-bottom:15px}.empty p{max-width:560px;margin:0 auto 24px}.import-block{padding:24px}
.steps{gap:8px}.step{font-size:12px;border:1px solid var(--border);border-radius:7px;padding:8px 11px;background:var(--paper)}.step.active{color:var(--heading);background:var(--selected);border-color:var(--heading)}
.workspace{grid-template-columns:255px minmax(0,1fr);gap:24px}.chapter-link{min-height:44px;line-height:1.55;padding:12px}
.chapter-link.active{color:var(--heading);background:var(--selected);box-shadow:inset 3px 0 var(--heading)}
.chapter-link:hover{background:var(--surface-subtle)}.chapter-link.active:hover{background:var(--selected)}
.sidebar-foot a{display:flex;align-items:center;gap:9px;min-height:44px}.sidebar-foot .ui-icon{color:var(--accent);width:18px;height:18px}
.editor-meta{gap:12px;font-size:13px}.save-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.save-status .ui-icon{color:var(--heading);width:17px;height:17px}.save-error,.save-error .ui-icon{color:var(--danger)}
.tab{min-height:44px;padding:12px 16px;font-size:14px}.tab.active{color:var(--heading);border-bottom-color:var(--heading)}
.topic-strip{gap:8px}.topic-chip{min-height:44px;line-height:1.5;white-space:normal;max-width:100%;font-size:13px}.topic-chip.active{color:var(--heading);background:var(--selected);border-color:var(--heading);font-weight:700}
.topic-editor>h3,.topics>h3{font-size:19px}.formatbar .btn{font-size:12px}.photos-header{gap:12px}.photo-card{background:var(--surface-subtle);border-color:var(--border)}
.tag{gap:5px;letter-spacing:.025em;font-weight:650;background:var(--surface-subtle);color:var(--muted)}.tag.draft{background:var(--warn);color:#775419}.tag.ok{background:#EDF6F1;color:#24583E}
.privacy-band,.completion-callout{background:var(--paper);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;color:var(--text);padding:18px 20px;line-height:1.7;font-size:14px}
.notice-icon{float:left;margin:2px 10px 4px 0;color:var(--accent);width:19px;height:19px}
.warning{border-left:3px solid #B77B20;background:var(--warn);border-radius:6px}.warning .notice-icon{color:#95651B}.error-box .notice-icon{color:var(--danger)}.success .notice-icon{color:currentColor}
.error-box{border-color:var(--danger)}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--paper);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--heading);border-radius:10px;box-shadow:0 8px 30px #1024521a;z-index:100;font-size:14px}.toast.bad{background:var(--paper);color:var(--text);border-left-color:var(--danger)}.toast .ui-icon{color:var(--heading);margin-top:2px}.toast.bad .ui-icon{color:var(--danger)}
.reader-layout{gap:24px}.reader-side a{min-height:32px;line-height:1.5}.reader-chapter{padding:28px}.reader-topic{padding:24px 0}.reader-topic h3{font-size:20px}.info-grid dd{overflow-wrap:anywhere}.search-label{font-size:14px}
.landing-main{padding-top:0;padding-bottom:48px}.landing-hero{padding:52px 0 48px;gap:48px;grid-template-columns:1.06fr 1fr}
.eyebrow{color:var(--action-text);font-size:11px;letter-spacing:.11em;font-weight:700}.landing-dot{width:6px;height:6px;background:var(--accent)}
.landing-intro h1{font-size:clamp(36px,3.7vw,48px);line-height:1.13;font-weight:750;margin:19px 0 20px;letter-spacing:-.035em;max-width:620px;color:var(--heading)}
.landing-intro h1 em{color:inherit}.landing-lead{font-size:16px;line-height:1.75;max-width:550px;color:var(--muted);margin-bottom:24px}
.landing-intro .actions{gap:10px 18px}.landing-main .btn{min-height:46px;padding:12px 19px;font-size:14px}.landing-intro .btn.primary{box-shadow:none}
.landing-text-btn{font-weight:600;color:var(--heading);padding:10px 0!important;min-height:44px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;background:transparent;border:0}
.landing-promise{margin:16px 0 18px;color:var(--muted);font-size:12px;line-height:1.6}.landing-return{font-size:12px;font-weight:550}
.landing-preview{padding:14px 0}.landing-preview:before{background:var(--surface-subtle);inset:4px -14px -6px 18px;border-radius:20px}
:root[data-theme="dark"] .landing-preview:before{background:var(--surface-subtle)}
.landing-book{transform:none;background:var(--paper);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgb(16 36 82 / .07)}
.landing-book-top{background:var(--paper);color:var(--heading);border-bottom:1px solid var(--border);padding:18px 20px}.landing-book-top small{color:var(--muted)}
.landing-book-symbol{color:var(--accent);display:flex}.landing-book-symbol .ui-icon{width:26px;height:26px}
.landing-concept{background:var(--surface-subtle);color:var(--muted);border:1px solid var(--border)}
.landing-book-nav{background:var(--bg);border-color:var(--border);color:var(--muted)}.landing-book-nav small{color:var(--muted)}.landing-book-nav .active{background:var(--selected);color:var(--heading)}
.landing-book-page>small,.landing-demo-caption,.landing-demo-empty,.landing-book-bottom{color:var(--muted)}.landing-demo-caption b{background:var(--selected);color:var(--heading)}.landing-demo-empty,.landing-book-bottom{border-color:var(--border)}
.landing-marker{background:#A32E40;color:#FFF}.landing-book-bottom span:last-child{color:var(--heading)}.landing-preview-label,.landing-preview figcaption{color:var(--muted)}
.landing-section{padding:56px 0}.landing-section h2{font-size:clamp(27px,2.7vw,34px)}.landing-section-head{gap:32px}.landing-steps{gap:32px}.landing-steps p{font-size:14px}
.landing-step-no{color:var(--heading);background:var(--paper);border-color:var(--border);font-size:12px}.landing-responsibility{border-left-color:var(--accent);background:transparent}
.landing-chapters>div>span{color:var(--heading)}.landing-storage article:first-child:before{background:var(--accent);height:3px}.landing-storage-label{color:var(--muted)}.landing-storage li:before{color:var(--heading)}
.landing-faq summary:after{color:var(--heading)}.landing-final{background:var(--paper);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:36px 24px}
.landing-final .eyebrow{color:var(--action-text)}.landing-final p:not(.eyebrow),.landing-family{color:var(--muted)}
footer{background:var(--paper);border-color:var(--border);color:var(--muted);font-size:12px;line-height:1.7}
.download-overlay{background:#10245299}.download-panel{border-radius:12px;border-color:var(--border);box-shadow:0 16px 64px #0003}.download-close{background:transparent}.download-actions{gap:10px}
:focus-visible,.landing-main a:focus-visible,.landing-main button:focus-visible,.landing-main summary:focus-visible,.language-picker select:focus-visible,.download-panel a:focus-visible,.download-panel button:focus-visible{outline:3px solid var(--heading);outline-offset:3px}
@media(max-width:1120px){.brand-caption{display:none!important}.topbar{gap:14px}.toplinks a{padding:8px}.landing-hero{gap:32px}}
@media(min-width:801px) and (max-width:950px){.workspace{grid-template-columns:220px minmax(0,1fr)}.reader-layout{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr}}
@media(max-width:800px){
:root{--bottom-nav-space:calc(82px + env(safe-area-inset-bottom,0px))}
html{scroll-padding-bottom:var(--bottom-nav-space)}.app{padding-bottom:var(--bottom-nav-space)}
.topbar{min-height:72px;padding:6px 16px;gap:12px}.brand{flex-wrap:nowrap;gap:0}.topbar .logo-window{width:180px;max-width:48vw}.toplinks{display:none}
.language-picker{margin-left:auto;gap:5px}.language-picker select{width:110px;max-width:110px;min-height:40px}.language-picker>.ui-icon{width:16px;height:16px}
.main{width:calc(100% - 32px);padding:26px 0 32px}.landing-main{padding-top:0;padding-bottom:24px}
.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;position:fixed;inset:auto 0 0;min-height:72px;height:auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--border);z-index:30}
.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:56px;padding:5px 2px;border-radius:8px;color:var(--muted);font-size:12px;line-height:1.3;text-decoration:none;border-top:2px solid transparent;text-align:center;overflow-wrap:anywhere}
.mobile-nav .ui-icon{width:21px;height:21px}.mobile-nav span{font-size:11px;margin:0;line-height:1.3}
.mobile-nav a.active{color:var(--heading);border-top-color:var(--heading);background:var(--selected);font-weight:750}
.workspace{display:block}.sidebar{position:static;margin-bottom:20px}.chapter-list{overflow-x:auto;overscroll-behavior-x:contain}.chapter-link{min-width:170px;width:auto;flex:none}.sidebar-foot{display:none}
.panel,.reader-chapter{padding:22px}.choice-grid .panel{padding:24px}.reader-layout{grid-template-columns:1fr}.reader-side{display:none}.export-grid{grid-template-columns:1fr}.photos-header{flex-wrap:wrap}
.landing-hero{grid-template-columns:1fr;gap:32px;padding:32px 0}.landing-intro h1{font-size:clamp(31px,5.4vw,40px);max-width:610px}.landing-lead{max-width:620px}
.landing-preview{max-width:540px;width:100%;margin:0 auto}.landing-section{padding:42px 0}.landing-audience{padding:22px 0}.landing-contents{gap:28px}.landing-section-head>p{margin-top:16px}.landing-storage{gap:18px}.landing-final{margin:0;padding:32px 20px}
.toast{left:16px;right:16px;bottom:calc(var(--bottom-nav-space) + 12px);max-width:none}.download-ready{bottom:calc(var(--bottom-nav-space) + 12px)}
input,textarea,select,button,a,[tabindex]{scroll-margin-bottom:calc(var(--bottom-nav-space) + 24px)}
}
@media(max-width:540px){
.landing-hero{padding:24px 0 28px;overflow:visible;gap:28px}.landing-intro>.eyebrow{font-size:9px;letter-spacing:.07em;line-height:1.5}
.landing-intro h1{font-size:32px;line-height:1.15;margin:16px 0}.landing-lead{font-size:15px;line-height:1.65;margin-bottom:20px}
.landing-intro .actions{gap:8px 18px}.landing-main .btn{font-size:14px;min-height:46px;padding:12px 16px}.landing-text-btn{font-size:14px!important}.landing-promise{font-size:11px;margin:13px 0 16px}.landing-return{font-size:12px}
.landing-preview:before{inset:0 -6px -4px 12px}.landing-book-top{padding:15px 14px}.landing-book-body{grid-template-columns:86px minmax(0,1fr)}.landing-book-page{padding:18px 12px}.landing-book-page h2{font-size:16px}.landing-book-nav{font-size:8px}.landing-book-bottom{font-size:8px;flex-wrap:wrap}.landing-demo-caption{font-size:9px}.landing-book-top strong{font-size:15px}
.landing-audience{font-size:11px;gap:15px}.landing-section h2{font-size:29px}.landing-section .eyebrow{font-size:10px}.landing-steps{gap:27px}.landing-step-no{width:36px;height:36px}.landing-steps h3{font-size:18px}.landing-steps p{font-size:14px}
.landing-chapters{padding:2px 20px}.landing-storage article{padding:24px}.landing-faq summary{font-size:14px}.landing-final h2{font-size:28px}
.ship-fields{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.book-card{padding:20px;gap:12px}.book-icon{padding:7px}.book-icon .ui-icon{width:22px;height:22px}.book-body h2{font-size:19px}.book-card .actions{gap:8px}
.panel,.reader-chapter{padding:20px}.editor-body>.panel{padding:16px}.reader-top{flex-wrap:wrap;gap:12px}.editor-meta{gap:10px}.formatbar{flex-wrap:wrap}.photo-card{padding:12px}.photo-marker{min-height:31px!important;min-width:31px!important}
.row-spread>.actions{flex-wrap:wrap}.choice-grid{gap:18px}.choice-grid h2{font-size:25px}.choice-grid p{min-height:0}.page-title{font-size:27px}.download-panel{padding:22px}.download-actions .btn{width:100%}
}
@media(max-width:360px){.topbar{padding:6px 12px;gap:8px}.topbar .logo-window{width:48vw}.language-picker>.ui-icon{display:none}.language-picker select{width:105px;max-width:105px}.landing-intro h1{font-size:29px}.landing-intro>.eyebrow{display:none}.landing-hero{padding-top:20px}.main{width:calc(100% - 28px)}}
@media print{.app{padding:0}.main{width:100%;padding:0}.ui-icon.notice-icon{display:none}.reader-layout{display:block}.reader-chapter{break-after:page;box-shadow:none;padding:0;border:0}h1,h2,h3,h4{color:#102452}body{background:#FFF;color:#242833}}
/* Boundary controls and compact translated navigation. */
.btn.icon{background:var(--paper);border-color:var(--border)}
.btn.icon:disabled{background:var(--surface-subtle);color:var(--muted);border-color:var(--border)}
.topbar :focus-visible{outline-color:#102452}
:root[data-theme="dark"] .tag.draft{color:#F0CD87}
:root[data-theme="dark"] .tag.ok{background:#203B30;color:#B1DFC4}
:root[data-theme="dark"] .success{color:#B1DFC4}
:root[data-theme="dark"] .warning .notice-icon{color:#F0CD87}
@media(max-width:360px){.mobile-nav span{font-size:10px;letter-spacing:-.01em;overflow-wrap:normal}}
.neutral-coming .back{color:#102452}
/* Feedback and visible storage context. The form never includes handbook data. */
.feedback-footer{margin:0 0 16px}.feedback-footer .btn{min-height:44px;font-size:13px;background:var(--paper)}
.feedback-panel{max-width:720px;margin:0 auto}.feedback-panel h2{font-size:25px}.feedback-panel .hint{font-size:13px}
.feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.feedback-status{display:flex;align-items:flex-start;gap:9px;min-height:24px;margin:18px 0;color:var(--heading);font-size:14px;line-height:1.6}
.feedback-status .ui-icon{margin-top:2px}.feedback-status.feedback-error{color:var(--danger)}
.feedback-panel input:read-only,.feedback-panel textarea:read-only{background:var(--surface-subtle)}
.storage-state{display:flex;align-items:center;gap:8px;color:var(--heading);font-size:14px;font-weight:650;margin:0 0 12px}.storage-state .ui-icon{color:var(--accent)}
.settings-actions{display:flex;justify-content:flex-end;margin:-44px 0 20px}
@media(max-width:540px){.settings-actions{margin:0 0 20px;justify-content:flex-start}.feedback-panel{padding:22px}}
.powered-by{margin:0 0 10px}.powered-by a{display:inline-flex;align-items:center;min-height:44px;color:var(--heading);font-weight:600}
/* Editorial handbook tips use the same quiet surfaces and brand accents. */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.news-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:11px;line-height:1.5;color:var(--muted)}
.news-category{border:1px solid var(--border);border-radius:5px;padding:4px 7px;color:var(--heading);font-weight:650;background:var(--surface-subtle)}
.news-icon{display:flex;color:var(--accent);margin:22px 0 12px}.news-icon .ui-icon{height:25px;width:25px}
.news-card h3{font-size:20px;line-height:1.4;margin:0 0 12px;letter-spacing:-.015em}
.news-card h3 a{color:var(--heading);text-decoration:none}.news-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.news-card>p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 16px}
.news-read,.news-all{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;color:var(--action-text)}
.news-read{margin-top:auto}.news-all{margin-top:18px;color:var(--heading)}.news-read .ui-icon,.news-all .ui-icon{width:17px;height:17px}
.news-intro{max-width:700px;margin:0 0 28px;color:var(--muted);line-height:1.7}
.news-article{max-width:760px;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:32px;margin-top:24px;font-size:16px;line-height:1.8}
.news-article-lead{font-size:19px;line-height:1.65;color:var(--heading);margin:24px 0 18px}
.news-article h2{font-size:23px;margin:30px 0 14px}.news-article ol{padding-left:24px}.news-article li{padding-left:5px;margin:12px 0}
.news-takeaway{display:flex;align-items:flex-start;gap:12px;background:var(--surface-subtle);border-left:3px solid var(--accent);padding:16px;margin:26px 0;font-size:14px}
.news-takeaway .ui-icon{flex-shrink:0;color:var(--heading);margin-top:4px}.news-takeaway p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.news-grid{gap:14px}.news-card{padding:20px}.news-meta{font-size:10px}.news-card h3{font-size:18px}}
@media(max-width:680px){.news-grid{grid-template-columns:1fr;gap:16px}.news-card{padding:22px}.news-meta{font-size:11px}.news-icon{margin-top:18px}.news-card h3{font-size:20px}.news-article{padding:22px;font-size:15px}.news-article-lead{font-size:18px}}