/* Between the Lines / portfolio edition. An editorial layout, not a SaaS template. */
:root{font-family:Arial,Helvetica,sans-serif;color-scheme:light;--paper:#f7f2e8;--paper-2:#f1e9dc;--ink:#17232a;--muted:#66706e;--line:#c7c3b7;--rust:#a74d30;--copper:#b77b52;--forest:#314b45;--card:#fffdf6;--blue:#243a43;--offwhite:#f8f2e7;--shadow:rgba(27,30,30,.12);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55;transition:background .3s,color .3s}button,input{font:inherit}a{color:inherit}img{max-width:100%;display:block}p{margin:0 0 1.1em}h1,h2,h3,h4{margin:0;font-weight:normal}em{font-weight:normal}button{cursor:pointer}.skip-link{position:absolute;z-index:50;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:12px 20px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--rust);outline-offset:4px}::selection{background:var(--rust);color:#fff}.section-wrap{width:min(1240px,calc(100% - 96px));margin:0 auto}.mono,.micro,.eyebrow,.chapter-label,.ribbon-right,.top-ribbon,.index-tag{font-family:'Arial Narrow',Arial,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--rust);display:block;margin-bottom:24px}.top-ribbon{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6.4vw,100px);background:var(--ink);color:var(--paper);gap:16px;letter-spacing:.21em}.ribbon-right{font-size:.65rem}.mono{font-weight:400}.site-header{min-height:105px;padding:15px clamp(24px,6.4vw,100px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:3}.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--serif);font-size:1.35rem;line-height:.95;font-weight:700;letter-spacing:-.045em}.brand-seal{display:flex;align-items:center;justify-content:space-around;width:55px;height:55px;border:1.5px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:1rem;letter-spacing:-.15em;padding:0 5px}.brand-seal span{font-size:.8rem;color:var(--rust)}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,36px)}.main-nav a{text-decoration:none;font-size:.79rem;letter-spacing:.02em;font-weight:700;position:relative;padding:10px 0}.main-nav a:after{content:'';height:1px;background:var(--rust);width:0;position:absolute;bottom:5px;left:0;transition:width .2s}.main-nav a:hover:after,.main-nav a:focus-visible:after{width:100%}.appearance-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);padding:9px 15px;background:transparent;color:var(--ink);border-radius:100px;font-size:.78rem;font-weight:700;white-space:nowrap}.appearance-toggle:hover{background:var(--ink);color:var(--paper)}.moon-mark{font-size:1.2rem;line-height:1}.hero{padding-top:43px}.hero-meta,.hero-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-meta{margin:8px 0 27px}.hero-meta .eyebrow{margin:0;color:var(--forest)}.small-rule{display:inline-block;vertical-align:middle;width:30px;height:1px;background:var(--rust);margin-right:10px}.index-tag{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:590px}.hero-copy{padding:22px 30px 45px 0;z-index:2}.hero h1{font-family:var(--serif);font-size:clamp(4.6rem,8.35vw,8.9rem);line-height:.94;letter-spacing:-.085em;color:var(--ink)}.hero h1 em{color:var(--rust);font-style:italic}.period{color:var(--rust)}.intro-copy{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.35;max-width:510px;margin:27px 0 15px;letter-spacing:-.027em}.body-copy{max-width:540px;color:var(--muted);font-size:.95rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.action{min-height:51px;text-decoration:none;display:inline-flex;align-items:center;gap:20px;justify-content:center;font-weight:700;font-size:.82rem;padding:13px 21px;border:1px solid var(--ink);transition:transform .15s,background .15s}.action:hover{transform:translateY(-2px)}.action.primary{background:var(--ink);color:var(--paper)}.action.primary:hover{background:var(--rust);border-color:var(--rust);color:white}.action.quiet{border-color:transparent;border-bottom-color:var(--ink);padding-left:0;padding-right:0}.hero-visual{position:relative;min-height:540px;background:#dcd7c8;border:1px solid #d3cbbc;overflow:hidden;isolation:isolate}.paper-pattern{position:absolute;inset:0;background:linear-gradient(115deg,#ddd5c4aa,#f2e9d58a 60%,#c5bbab88),repeating-linear-gradient(90deg,transparent,transparent 49px,#aaa08b26 50px);opacity:.9}.hero-book{position:absolute;width:270px;height:398px;top:48%;left:52%;transform:translate(-50%,-50%) rotate(-10deg);display:flex;filter:drop-shadow(20px 27px 17px rgba(25,26,26,.32))}.book-spine{width:21px;height:100%;background:linear-gradient(90deg,#10262a,#344a40 30%,#142b2d);border-radius:3px 0 0 3px;box-shadow:inset -4px 0 4px #0003}.book-cover{flex:1;height:100%;padding:29px 25px 24px;background:radial-gradient(ellipse at 70% 40%,#394d41,#152d31 75%);border:1px solid #092326;color:#e5d8bd;display:flex;flex-direction:column;justify-content:space-between;position:relative}.book-cover:before,.book-cover:after{content:'';position:absolute;pointer-events:none;inset:10px;border:1px solid #d3bb8c80}.book-cover:after{inset:14px;border-color:#d3bb8c35}.cover-rule{font-size:.52rem;letter-spacing:.23em;text-align:center}.cover-icon{font-size:3.8rem;text-align:center;color:#d0a577;line-height:1}.cover-title{font-family:var(--serif);font-size:2.5rem;letter-spacing:-.07em;line-height:1.05;text-align:center}.cover-bottom{text-align:center;font-size:.54rem;letter-spacing:.18em}.margin-note{position:absolute;bottom:67px;right:25px;max-width:133px;color:#4d5650;font-family:var(--serif);font-style:italic;font-size:.94rem;line-height:1.15;transform:rotate(-4deg)}.margin-symbol{display:block;font-size:1.7rem}.visual-caption{position:absolute;bottom:17px;left:20px;font-family:Arial,sans-serif;font-size:.61rem;font-weight:700;letter-spacing:.12em;color:#49544c}.visual-caption span{margin-left:14px}.hero-footer{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:17px 0 20px;font-size:.66rem;font-weight:700;letter-spacing:.13em;color:var(--muted);flex-wrap:wrap}.section-divider{padding-top:102px;padding-bottom:105px;border-bottom:1px solid var(--line)}.chapter-label{display:flex;align-items:center;gap:16px;color:var(--muted);margin-bottom:42px}.chapter-label span:first-child{font-size:.8rem;color:var(--rust);border:1px solid var(--rust);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.premise-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.premise h2,.section-head h2,.boundary-heading h2,.status h2{font-family:var(--serif);font-size:clamp(2.8rem,4.8vw,5.4rem);letter-spacing:-.068em;line-height:1.05}.premise h2{max-width:620px}.section-head h2 em,.boundary-heading h2 em,.status h2 em{font-style:italic;color:var(--rust)}.narrative-column{padding-top:9px;max-width:530px}.narrative-column>p,.section-head>p,.boundary-heading>p,.status-grid>div>p:not(.eyebrow){color:var(--muted);font-size:1.06rem;line-height:1.8}.principle{border-top:1px solid var(--rust);display:flex;gap:13px;margin-top:32px;padding-top:24px;max-width:530px}.principle-glyph{font-family:var(--serif);font-size:5rem;color:var(--rust);line-height:.9}.principle p{font-family:var(--serif);font-size:1.19rem;line-height:1.5}.principle strong{font-family:Arial,sans-serif;letter-spacing:.12em;font-size:.64rem;text-transform:uppercase}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end;margin-bottom:50px}.section-head>p{max-width:355px;margin-bottom:8px}.screen-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:40px}.screen-main{margin:0}.screen-frame{height:660px;overflow:hidden;background:#171620;border:13px solid #18232b;box-shadow:9px 13px 0 #e5ddcf,0 26px 40px var(--shadow);border-radius:7px;position:relative}.screen-frame img{width:100%;height:auto;object-fit:cover;object-position:top}.screen-main figcaption{display:flex;gap:18px;align-items:baseline;padding-top:25px;flex-wrap:wrap}.screen-main figcaption span,.shelf-crop figcaption{font-weight:700;font-size:.68rem;letter-spacing:.13em;color:var(--rust)}.screen-main figcaption strong{font-family:var(--serif);font-size:1.3rem}.screen-main figcaption small,.shelf-crop figcaption span{font-size:.72rem;color:var(--muted)}.feature-entry{padding:2px 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.feature-entry span{font-size:.64rem;font-weight:700;letter-spacing:.18em;color:var(--rust)}.feature-entry h3{font-family:var(--serif);font-size:1.65rem;letter-spacing:-.04em;margin:8px 0}.feature-entry p{font-size:.91rem;color:var(--muted);line-height:1.67;margin:0}.shelf-crop{margin:27px 0 0}.shelf-frame{height:215px;border:7px solid #1a2930;background:#131824;overflow:hidden;box-shadow:5px 8px 0 #e3d9ca}.shelf-frame img{width:100%;height:auto}.shelf-crop figcaption{margin-top:13px}.boundary-section{background:var(--ink);color:var(--offwhite);padding:100px 0}.boundary-section .chapter-label{color:#d1bd9f}.boundary-section .chapter-label span:first-child{color:#f1c7a1;border-color:#f1c7a1}.boundary-heading{display:grid;grid-template-columns:1fr .76fr;align-items:end;gap:10%;margin-bottom:49px}.boundary-heading h2 em{color:#e1b38d}.boundary-heading .eyebrow{color:#dbb393}.boundary-heading>p{color:#d0cac0;max-width:390px}.boundary-ui{background:#f6f1e6;color:#1c2c2d;border-radius:2px;box-shadow:12px 14px 0 rgba(248,240,222,.07);overflow:hidden}.boundary-top{padding:28px 32px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #c7c2b7}.micro{font-size:.61rem;color:#9d6049}.boundary-top h3{font-family:var(--serif);font-size:2.05rem;letter-spacing:-.04em;margin:3px 0}.boundary-top p{color:#6d746d;font-size:.83rem;margin:0}.chapter-steps{display:flex;gap:7px}.chapter-steps button{width:49px;height:49px;border:1px solid #a1a89d;background:transparent;color:#1c2c2d;font-family:var(--serif);font-size:1.18rem}.chapter-steps button[aria-pressed="true"]{background:#1f3839;color:#faf3e8;border-color:#1f3839}.chapter-steps button:hover:not([aria-pressed="true"]){background:#e2dccd}.boundary-body{display:grid;grid-template-columns:1.05fr .95fr}.paper-reading,.paper-evidence{padding:33px 37px 42px}.paper-reading{border-right:1px solid #c7c2b7}.paper-reading-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.paper-reading .eyebrow,.paper-evidence .eyebrow{font-size:.61rem;color:#a24a32;margin:0}.mini-pill{border:1px solid #b7b8a9;border-radius:40px;padding:5px 11px;font-size:.68rem;font-weight:700;white-space:nowrap}.paper-reading h4,.paper-evidence h4{font-family:var(--serif);font-size:1.75rem;letter-spacing:-.035em;margin:20px 0}.passages{min-height:216px}.passages article{border-left:2px solid #b57a54;padding:4px 0 2px 17px;margin-bottom:23px}.passages span,.quote-box>span{font-size:.62rem;font-weight:700;letter-spacing:.16em;color:#9e553c}.passages p{font-family:var(--serif);font-size:1.08rem;line-height:1.7;margin:8px 0 0}.reading-foot{display:flex;align-items:center;gap:10px;color:#6f776d;font-size:.8rem;border-top:1px solid #c5c2b7;padding-top:17px}.reading-foot span{color:#b76b46}.verdict{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#2a6552;display:flex;gap:9px;align-items:center}.verdict-dot{width:8px;height:8px;background:#2a6552;border-radius:50%;display:inline-block}.evidence-answer{font-family:var(--serif);font-size:1.16rem;line-height:1.6;margin:20px 0}.quote-box{padding:19px 22px;background:#e8e1d2;border-left:3px solid #b57a54}.quote-box blockquote{font-family:var(--serif);font-size:1.03rem;line-height:1.6;margin:10px 0 0}.unknown{margin-top:25px;font-size:.86rem;display:flex;flex-direction:column;gap:6px;color:#74776f}.unknown strong{color:#30413f}.boundary-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #c7c2b7;padding:17px 30px}.boundary-bottom p{margin:0;text-align:center;font-size:.75rem;color:#65716c}.step-control{display:inline-flex;justify-content:center;align-items:center;gap:11px;border:1px solid #1f3839;background:transparent;color:#1f3839;padding:11px 15px;font-size:.79rem;font-weight:700}.step-control.next{background:#1f3839;color:#fff8ef}.step-control:hover:not(:disabled){background:#ac5940;color:white;border-color:#ac5940}.step-control:disabled{cursor:not-allowed;opacity:.4}.demo-disclaimer{font-size:.79rem;color:#c3bbae;margin:22px 0 0}.engineering .chapter-label{margin-bottom:30px}.architecture{border:1px solid var(--ink);padding:25px 30px;margin:20px 0 42px}.architecture-line{display:flex;align-items:stretch;gap:12px}.arch-node{flex:1;display:flex;flex-direction:column;gap:11px;padding:15px 15px 22px}.arch-num{font-family:var(--serif);font-size:2rem;color:var(--rust);line-height:1}.arch-node strong{font-family:var(--serif);font-size:1.3rem;letter-spacing:-.025em}.arch-node small{font-size:.83rem;color:var(--muted);line-height:1.55}.arch-arrow{font-size:2rem;align-self:center;color:var(--rust)}.arch-foundation{border-top:1px solid var(--line);display:flex;align-items:baseline;gap:23px;padding:22px 15px 4px}.arch-foundation span{color:var(--rust);font-size:.64rem;font-weight:700;letter-spacing:.11em;white-space:nowrap}.arch-foundation strong{font-family:var(--serif);font-size:.99rem;font-weight:normal}.engineering-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.engineering-grid article{border-top:2px solid var(--rust);padding-top:24px}.engineering-grid .eyebrow{font-size:.65rem;margin-bottom:20px}.engineering-grid h3{font-family:var(--serif);font-size:1.7rem;line-height:1.18;letter-spacing:-.04em;margin-bottom:13px}.engineering-grid p{color:var(--muted);line-height:1.75;font-size:.88rem}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.status-list>div{display:flex;gap:19px;padding:23px 0;border-top:1px solid var(--line)}.status-icon{border:1px solid var(--forest);color:var(--forest);display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;font-size:1.25rem}.status-icon.pending{color:var(--rust);border-color:var(--rust)}.status-list strong{display:block;font-family:var(--serif);font-size:1.18rem}.status-list p{font-size:.87rem;color:var(--muted);line-height:1.68;margin:7px 0 0}.closing{border-top:1px solid var(--line);text-align:center;padding-top:65px;margin-top:85px}.closing .eyebrow{margin-bottom:15px}.closing>p{font-family:var(--serif);font-size:clamp(3.4rem,7vw,7rem);letter-spacing:-.07em;line-height:1.03}.closing em{color:var(--rust)}.top-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:5px;margin-top:10px;text-decoration:none;font-weight:700;font-size:.81rem}.footer{padding:40px 0 55px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.footer>div{display:flex;flex-direction:column;gap:5px}.footer strong{font-family:var(--serif);letter-spacing:.05em;font-size:1.05rem}.footer span{font-size:.61rem;font-weight:700;letter-spacing:.17em;color:var(--rust)}.footer p{max-width:515px;font-size:.76rem;color:var(--muted)}.footer a{text-decoration:none;border-bottom:1px solid var(--ink);font-size:.8rem;font-weight:700}
/* Ink edition: one intentionally crafted alternate, without hiding the application's ten themes. */
html[data-appearance="ink"]{color-scheme:dark;--paper:#151e22;--paper-2:#19262b;--ink:#eee7d7;--muted:#abb4b0;--line:#435253;--rust:#e2a184;--copper:#d1a27b;--forest:#d7c6a6;--card:#213034;--shadow:rgba(0,0,0,.45);--offwhite:#f8f2e7}html[data-appearance="ink"] .top-ribbon{background:#ece1ce;color:#15262a}html[data-appearance="ink"] .hero-visual{filter:saturate(.8)}html[data-appearance="ink"] .hero-actions .action.primary{background:#eee7d7;color:#151e22}html[data-appearance="ink"] .hero-actions .action.primary:hover{background:#e2a184;color:#151e22}html[data-appearance="ink"] .boundary-section{background:#0d1518}html[data-appearance="ink"] .screen-frame{box-shadow:9px 13px 0 #273234,0 26px 40px var(--shadow)}html[data-appearance="ink"] .shelf-frame{box-shadow:5px 8px 0 #273234}html[data-appearance="ink"] .appearance-toggle:hover{background:#eee7d7;color:#151e22}
@media(max-width:1100px){.section-wrap{width:min(1240px,calc(100% - 64px))}.hero h1{font-size:clamp(4.2rem,7.8vw,8rem)}.hero-book{transform:translate(-50%,-50%) rotate(-9deg) scale(.84)}.main-nav{gap:18px}}
@media(max-width:820px){.top-ribbon{padding:8px 22px}.site-header{flex-wrap:wrap;min-height:96px;padding:16px 25px}.main-nav{order:3;flex-basis:100%;justify-content:space-between}.appearance-toggle{margin-left:auto}.section-wrap{width:calc(100% - 44px)}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:0 0 45px}.hero h1{font-size:clamp(4.7rem,12vw,7.5rem)}.hero-visual{min-height:430px}.hero-book{transform:translate(-50%,-50%) rotate(-10deg) scale(.78)}.hero-footer{justify-content:center;gap:13px 25px}.section-divider{padding:75px 0}.premise-grid,.section-head,.screen-layout,.boundary-heading,.status-grid{grid-template-columns:1fr;gap:28px}.section-head>p,.boundary-heading>p{max-width:680px}.screen-frame{height:620px}.screen-aside{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 26px}.shelf-crop{margin:0}.boundary-body{grid-template-columns:1fr}.paper-reading{border-right:0;border-bottom:1px solid #c7c2b7}.boundary-heading{margin-bottom:30px}.engineering-grid{gap:15px}.engineering-grid h3{font-size:1.35rem}.architecture-line{gap:0}.arch-node{padding:10px}.arch-arrow{font-size:1rem}.arch-foundation{flex-direction:column;gap:5px}.closing{margin-top:50px;padding-top:50px}}
@media(max-width:550px){.top-ribbon{font-size:.53rem;letter-spacing:.08em}.ribbon-right{display:none}.wordmark{font-size:1.05rem}.brand-seal{height:44px;width:44px}.main-nav a{font-size:.68rem}.appearance-toggle{font-size:.69rem;padding:8px 10px}.hero{padding-top:30px}.hero-meta{margin-bottom:16px}.index-tag{display:none}.hero h1{font-size:clamp(3.45rem,13vw,5.3rem)}.hero-grid{display:flex;flex-direction:column}.hero-visual{min-height:345px}.hero-book{transform:translate(-50%,-50%) rotate(-10deg) scale(.63)}.hero-actions{gap:14px}.action{width:100%}.hero-footer{font-size:.58rem;justify-content:space-between}.chapter-label{margin-bottom:29px}.premise h2,.section-head h2,.boundary-heading h2,.status h2{font-size:2.75rem}.screen-aside{display:block}.screen-frame{height:480px;border-width:8px}.screen-main figcaption{gap:5px 12px}.feature-entry{margin-bottom:19px}.shelf-frame{height:180px}.boundary-section{padding:60px 0}.boundary-top{align-items:flex-start;flex-direction:column;padding:24px}.boundary-top h3{font-size:1.7rem}.boundary-body .paper-reading,.boundary-body .paper-evidence{padding:24px}.paper-reading h4,.paper-evidence h4{font-size:1.4rem}.passages{min-height:0}.boundary-bottom{display:grid;grid-template-columns:1fr 1fr;padding:15px}.boundary-bottom p{grid-column:1/-1;grid-row:1}.step-control{padding:9px 7px;font-size:.68rem;gap:6px}.architecture{padding:17px}.architecture-line{flex-direction:column}.arch-node{padding:13px 0}.arch-arrow{transform:rotate(90deg);line-height:1}.engineering-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:15px}.closing>p{font-size:3.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.screen-frame a,.shelf-frame a{display:block;height:100%;outline-offset:-4px}.screen-frame a:hover img,.shelf-frame a:hover img{filter:brightness(1.09)}

/* Public demo navigation */
.main-nav a[href="demo/"]{border:1px solid var(--ink);padding:8px 11px;font-weight:700}.main-nav a[href="demo/"]:hover{background:var(--ink);color:var(--paper)}
@media(max-width:550px){.main-nav{flex-wrap:wrap;justify-content:center;gap:3px 12px}.main-nav a{padding:6px 0}.main-nav a[href="demo/"]{padding:6px 10px}}