.ln-page {
  --ink:#0d2c43;--blue:#007ead;--copy:#415a70;--line:#cfe1eb;
  background:white;color:var(--ink);font:400 clamp(14px,1.04vw,16px)/1.5 Inter,Arial,sans-serif;color-scheme:light;
}
.ln-page *, .ln-page *::before,.ln-page *::after {box-sizing:border-box;min-width:0}
.ln-page :is(h1,h2,h3,p,figure,ul,ol,dl,dd) {margin:0}
#main .ln-page :is(h1,h2,h3,p,button,input,textarea,label,summary,dt,dd,figcaption,a) {font-family:Inter,Arial,sans-serif!important}
.ln-page :is(h1,h2,h3) {font-weight:720;letter-spacing:-.05em;line-height:1.09;color:var(--ink)}
.ln-page h1 {font-size:clamp(42px,6.3vw,86px)}
.ln-page h2 {font-size:clamp(28px,4.2vw,55px)}
.ln-page h3 {font-size:clamp(16px,1.5vw,22px)}
.ln-page img {display:block;max-width:100%;height:auto}
.ln-page a {text-decoration:none;color:inherit}
.ln-page p {color:var(--copy)}
.ln-page :is(button,textarea,input) {font:inherit}
.ln-page :is(button,summary) {cursor:pointer}
.ln-page :is(a,button,summary,input,textarea):focus-visible {outline:3px solid #007ba9;outline-offset:3px}
.ln-page .ln-shell {width:min(88.5%,1450px);margin-inline:auto}
.ln-page .ln-mark {display:flex;align-items:center;gap:12px;font-weight:700;color:#0078a9;font-size:clamp(9px,.76vw,12px);text-transform:uppercase;letter-spacing:.13em;margin-bottom:clamp(12px,2vw,26px)}
.ln-page .ln-mark::after {content:'';width:32px;height:1px;background:#70b5ce}
.ln-page .ln-action,.ln-page .ln-notebook button {display:inline-flex;align-items:center;justify-content:space-between;gap:17px;padding:10px 17px;min-height:44px;background:linear-gradient(110deg,#0086b5,#006e98);color:white;border:1px solid transparent;border-radius:2px;font-size:.86em;font-weight:650}
.ln-page .ln-action:hover,.ln-page .ln-notebook button:hover {background:#005e86}
.ln-page .ln-secondary {background:white;color:var(--ink);border-color:#b9d8e6}
.ln-page .ln-secondary:hover {background:#f2f9fc}
.ln-page .ln-entry {position:relative;isolation:isolate;min-height:min(55.25vw,770px);display:grid;align-items:center;overflow:hidden;background:linear-gradient(130deg,#fafbfa,#eceff0 52%,#fff)}
.ln-page .ln-entry picture {position:absolute;inset:0;z-index:-1}
.ln-page .ln-entry img {width:100%;height:100%;object-fit:cover;object-position:center}
.ln-page .ln-entry .ln-shell>div {width:43%;padding-block:22px}
.ln-page .ln-entry .ln-mark {margin-bottom:clamp(18px,3.4vw,43px)}
.ln-page .ln-lead {font-size:clamp(22px,3.2vw,44px);font-weight:650;color:var(--blue);line-height:1.15;letter-spacing:-.035em;margin:6px 0 12px}
.ln-page .ln-entry p:not(.ln-mark,.ln-lead) {font-size:clamp(12px,1.16vw,16px);max-width:33ch}
.ln-page .ln-entry .ln-action {margin-top:clamp(15px,2.4vw,32px)}
.ln-page .ln-anatomy {padding:clamp(20px,2.8vw,42px) 0 clamp(16px,2.5vw,34px);background:linear-gradient(125deg,#f8fbfd,#fff 60%,#edf4f8)}
.ln-page .ln-intro-note {font-size:.91em;margin-top:6px}
.ln-page .ln-modes {display:flex;justify-content:center;gap:7px;margin:13px 0 0}
.ln-page .ln-modes button,.ln-page .ln-kinds button {display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 11px;min-height:34px;border:1px solid #cbdde6;border-radius:20px;background:#fbfdfe;color:var(--ink);font-size:.88em;font-weight:650}
.ln-page .ln-modes [aria-pressed=true],.ln-page .ln-kinds [aria-pressed=true] {background:#e7f5fc;border-color:#5fb0ce;color:#006c9b}
.ln-page .ln-studio-grid {display:grid;grid-template-columns:.65fr 1.92fr .86fr;gap:clamp(6px,1.2vw,20px);align-items:center}
.ln-page .ln-kinds {align-self:start;display:grid;gap:5px;padding-top:15px}
.ln-page .ln-kinds button {border-radius:4px;justify-content:flex-start;min-height:42px}
.ln-page .ln-kinds button[aria-pressed=true]::after {content:'✓';margin-left:auto}
.ln-page .ln-kinds svg {width:19px;height:19px;flex:none}
.ln-page .ln-split {display:flex;align-items:center;gap:5px;font-size:.82em;color:#31596f;min-height:36px;cursor:pointer}
.ln-page .ln-split input {accent-color:var(--blue)}
.ln-page .ln-scene {display:block;width:100%;height:auto;aspect-ratio:432/385;stroke:none;overflow:visible;pointer-events:none}
@media(min-width:601px) {
 .ln-page .ln-scene {width:116%;max-width:none;margin-left:-12%}
 .ln-page .ln-studio-grid figure {align-self:start}
}
.ln-page .ln-scene .ln-aperture {fill:#6ec7ea;fill-opacity:.07;stroke:#72b3cd;stroke-opacity:.37;stroke-dasharray:3 5}
.ln-page .ln-scene:not([data-mode=opening]) .ln-aperture,.ln-page .ln-scene:not([data-kind=window]) .ln-sill,
.ln-page .ln-scene:not([data-mode=bearing]) .ln-seats,.ln-page .ln-scene:not([data-mode=section]) .ln-section-lines,
.ln-page .ln-scene:not([data-split=true]) .ln-guides {display:none}
.ln-page .ln-scene[data-mode=bearing] [data-layer=upper] {opacity:.38}
.ln-page .ln-scene[data-mode=section] [data-layer=upper] {opacity:.7}
.ln-page .ln-info {padding-left:clamp(9px,1.7vw,23px);border-left:1px solid var(--line)}
.ln-page .ln-info article+article {margin-top:clamp(9px,1.8vw,24px)}
.ln-page .ln-info h3 {font-size:clamp(13px,1.32vw,21px);letter-spacing:-.035em}
.ln-page .ln-info h3::after {content:'';display:block;width:20px;height:1px;background:#96bdcc;margin:6px 0}
.ln-page .ln-info p {font-size:clamp(11px,1vw,15px)}
.ln-page .ln-info .ln-active h3::after {height:2px;background:var(--blue)}
.ln-page .ln-slider {display:grid;grid-template-columns:.55fr 1.8fr .8fr;align-items:center;gap:3px 12px}
.ln-page .ln-slider label {font-weight:650}
.ln-page .ln-slider input {width:100%;accent-color:var(--blue);min-height:26px}
.ln-page .ln-slider small {grid-column:1/4;color:var(--copy);font-size:.8em}
.ln-page .ln-state {font-size:.77em;margin-top:5px;color:#447389}
.ln-page .ln-archive {position:relative;isolation:isolate;overflow:hidden;background:#f5f3f0}
.ln-page .ln-detail-art {position:absolute;right:0;top:0;z-index:-1;width:68%;height:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 12%)}
.ln-page .ln-archive .ln-shell>div {width:33%;padding:clamp(18px,2.8vw,38px) 0}
.ln-page .ln-archive p:not(.ln-mark) {font-size:.87em;margin:8px 0}
.ln-page .ln-archive figure {background:white;padding:5px;width:87%;box-shadow:0 3px 12px #25344114}
.ln-page .ln-archive figure img {width:100%;height:auto}
.ln-page figcaption {font-size:.73em;color:var(--copy);margin:3px 0}
.ln-page .ln-catalog,.ln-page .ln-bottom {display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(18px,3.6vw,50px);align-items:center;padding-block:clamp(22px,3vw,44px)}
.ln-page .ln-catalog h2 {font-size:clamp(24px,3.4vw,46px)}
.ln-page .ln-catalog p:not(.ln-mark,.ln-caution) {font-size:.95em;margin:7px 0}
.ln-page .ln-catalog a {color:#006fa3;font-size:.88em;font-weight:650}
.ln-page .ln-catalog>div:last-child {border-left:1px solid #8fc1d3;padding-left:clamp(13px,2vw,26px)}
.ln-page .ln-catalog dl {display:grid;grid-template-columns:1fr 1fr}
.ln-page .ln-catalog dl>div+div {border-left:1px solid var(--line);padding-left:clamp(10px,2vw,26px)}
.ln-page .ln-catalog dt {font-weight:650;font-size:.9em}
.ln-page .ln-catalog dd {font-size:clamp(40px,7.3vw,93px);line-height:1.1;letter-spacing:-.05em;color:var(--blue)}
.ln-page .ln-catalog dd small {font-size:.42em}
.ln-page .ln-caution {background:#e7f4fb;border-left:2px solid #64b3d1;padding:8px 10px;font-size:.83em;margin-top:7px}
.ln-page .ln-project {background:linear-gradient(120deg,#f5fafc,#fff 55%,#edf6fb);padding:clamp(20px,3vw,40px) 0}
.ln-page .ln-project-grid {display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(16px,3.3vw,45px);align-items:center}
.ln-page .ln-project h2 {font-size:clamp(26px,3.3vw,46px)}
.ln-page .ln-project figure img {width:100%}
.ln-page .ln-project figure {margin-top:6px}
.ln-page .ln-project-grid p:not(.ln-mark) {margin-top:7px;font-size:.94em}
.ln-page .ln-prep {list-style:none;padding:0;margin:0 0 12px}
.ln-page .ln-prep li {display:flex;align-items:start;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.ln-page .ln-prep small,.ln-page .ln-context small {color:var(--blue);font-weight:700}
.ln-page .ln-prep h3,.ln-page .ln-context h3 {font-size:1.03em}
.ln-page .ln-notebook {border-block:1px solid var(--line);margin-top:13px;background:#ffffffb8}
.ln-page summary {display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px;font-weight:650;list-style:none}
.ln-page summary::-webkit-details-marker {display:none}
.ln-page summary::after {content:'+';font-size:1.3em;color:var(--blue)}
.ln-page details[open]>summary::after {content:'−'}
.ln-page .ln-notebook summary,.ln-page .ln-notebook>div {padding:9px 12px}
.ln-page .ln-fields {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:11px 0}
.ln-page .ln-notebook label {display:grid;gap:3px;font-size:.89em;font-weight:650}
.ln-page .ln-notebook :is(input,textarea) {border:1px solid #b4d2e0;border-radius:3px;min-height:42px;width:100%;color:var(--ink);background:white;padding:8px;font-size:1em}
.ln-page .ln-notebook textarea {resize:vertical}
.ln-page .ln-notebook button {margin:8px 0}
.ln-page .ln-notebook button:disabled {opacity:.5;cursor:default}
.ln-page .ln-notebook p,.ln-page [data-copy-status] {font-size:.86em}
.ln-page .ln-context {display:grid;grid-template-columns:1fr 1.8fr;gap:12px 24px;align-items:center;padding:20px 0}
.ln-page .ln-context h2 {font-size:clamp(23px,2.6vw,36px)}
.ln-page .ln-context ol {display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;border-top:1px solid var(--line)}
.ln-page .ln-context li {padding:7px}
.ln-page .ln-context li p,.ln-page .ln-context details p {font-size:.89em;margin-top:5px}
.ln-page .ln-context details {grid-column:1/-1;border-top:1px solid var(--line)}
.ln-page .ln-bottom {align-items:start;border-top:1px solid var(--line)}
.ln-page .ln-bottom details {border-bottom:1px solid var(--line)}
.ln-page .ln-bottom details p {padding-bottom:12px;font-size:.93em}
.ln-page .ln-bottom nav {border-left:1px solid var(--line);padding-left:clamp(14px,3.2vw,40px)}
.ln-page .ln-bottom nav a {display:grid;grid-template-columns:26% 1fr auto;align-items:center;gap:9px;padding:4px 0;border-bottom:1px solid var(--line)}
.ln-page .ln-bottom nav img {width:100%;height:clamp(28px,3.5vw,54px);object-fit:cover}
.ln-page .ln-bottom nav small {display:block;color:var(--copy);font-size:.77em;line-height:1.37}
.ln-page .ln-bottom nav a:hover b {color:var(--blue)}
.ln-page .ln-end {background:linear-gradient(115deg,#f9fcff,#eaf5fc);position:relative;isolation:isolate;padding:20px 0}
.ln-page .ln-end::after {content:'';position:absolute;inset:0 0 0 auto;width:62%;background:url('/images/lintel-anatomy/closing.webp') right center/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 18%);z-index:-1}
.ln-page .ln-end .ln-shell>div {max-width:48%}
.ln-page .ln-end .ln-mark {margin-bottom:5px}
.ln-page .ln-end p:not(.ln-mark) {margin:7px 0;font-size:.9em}
.ln-page .ln-end .ln-action {margin:2px}
@media(max-width:600px) {
 .ln-page .ln-shell {width:calc(100% - 36px)}
 .ln-page .ln-entry {display:flex;flex-direction:column}
 .ln-page .ln-entry picture {order:2;position:static;z-index:0;width:100%;display:block}
 .ln-page .ln-entry img {height:clamp(235px,66vw,325px);object-position:center}
 .ln-page .ln-entry .ln-shell>div {width:100%;padding:21px 0 14px}
 .ln-page .ln-entry .ln-mark {margin-bottom:12px}
 .ln-page .ln-anatomy {padding-top:24px}
 .ln-page .ln-modes button,.ln-page .ln-kinds button {min-height:44px}
 .ln-page .ln-modes {justify-content:start;margin:12px 0 7px}
 .ln-page .ln-studio-grid {grid-template-columns:1fr;gap:8px}
 .ln-page .ln-kinds {display:flex;align-items:center;gap:5px;padding:0}
 .ln-page .ln-split {margin-left:auto}
 .ln-page .ln-info {border-left:2px solid #acd3e3;padding-left:12px}
 .ln-page .ln-info article:not(.ln-active) {display:none}
 .ln-page .ln-info article+article {margin:0}
 .ln-page .ln-info h3 {font-size:17px}
 .ln-page .ln-info p {font-size:14px}
 .ln-page .ln-slider {grid-template-columns:1fr 1.45fr;margin-top:10px}
 .ln-page .ln-slider input {min-height:44px}
 .ln-page .ln-slider small {grid-column:1/-1}
 .ln-page .ln-archive {display:flex;flex-direction:column}
 .ln-page .ln-detail-art {position:static;order:2;width:100%;height:190px;object-fit:cover;mask-image:none}
 .ln-page .ln-archive .ln-shell>div {width:100%;padding:19px 0;display:grid;grid-template-columns:1fr 39%;align-items:start;gap:6px 11px}
 .ln-page .ln-archive .ln-mark,.ln-page .ln-archive h2,.ln-page .ln-archive p:not(.ln-mark) {grid-column:1}
 .ln-page .ln-archive figure {grid-column:2;grid-row:1/4;width:100%;align-self:center}
 .ln-page .ln-catalog,.ln-page .ln-project-grid,.ln-page .ln-context,.ln-page .ln-bottom {grid-template-columns:1fr;gap:15px}
 .ln-page .ln-catalog>div:last-child {padding-left:0;border:0}
 .ln-page .ln-context ol {grid-template-columns:1fr}
 .ln-page .ln-context li {border-bottom:1px solid var(--line);padding:8px 0}
 .ln-page .ln-fields {grid-template-columns:1fr}
 .ln-page .ln-bottom nav {padding:0;border:0}
 .ln-page .ln-bottom nav img {height:40px}
 .ln-page .ln-end .ln-shell>div {max-width:100%}
 .ln-page .ln-end::after {opacity:.16;width:60%}
 .ln-page .ln-end .ln-action {display:flex;width:100%;margin:5px 0}
}
@media(prefers-reduced-motion:reduce) {.ln-page * {scroll-behavior:auto!important;transition:none!important}}

