/* Selected Future Fieldbook direction. The live instrument remains real WebGL. */
@font-face{font-family:FieldMono;src:url('/fonts/plex-mono-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:FieldDisplay;src:url('/fonts/outfit-light.ttf') format('truetype');font-weight:300;font-display:swap}
.fieldbook{--paper:#d9dfe5;--ink:#18232c;--muted:#4b5864;--line:#70839138;background:var(--paper);color:var(--ink)}
.fieldbook .brand-bar{position:relative;background:transparent;color:var(--ink);border:0;max-width:1440px;margin:auto;padding:24px 5.4%;min-height:92px}
.fieldbook .brand{font-size:21px;letter-spacing:.21em}
.fieldbook .brand-bar nav{margin-left:auto;gap:12px}
.fieldbook .brand-bar nav a{color:var(--muted);font-size:14px;padding:10px 12px}
.fieldbook .brand-bar nav a:hover,.fieldbook .brand-bar nav a[aria-current]{background:#ffffff38;color:var(--ink)}
.fieldbook .preview-status{border-left:1px solid var(--line);padding-left:24px;font:11px FieldMono,monospace;letter-spacing:.06em;white-space:nowrap}
.fieldbook main{max-width:none}
.fieldbook .instrument-content{max-width:1440px;margin:auto}
.fieldbook .intro{max-width:none;display:grid;grid-template-columns:1fr 280px;align-items:start;gap:40px;padding:52px 5.4% 0;min-height:320px}
.fieldbook .intro h1{font-family:FieldDisplay,Instrument,sans-serif;font-size:clamp(48px,5.65vw,82px);line-height:.99;letter-spacing:-.055em;margin:0;font-weight:300;overflow-wrap:anywhere;min-width:0}
.fieldbook .hero-caption{font-size:17px;line-height:1.5;margin:30px 0 0;color:var(--muted)}
.fieldbook .hero-aside{padding:14px 0 0 36px;justify-self:end}
.fieldbook .hero-aside p{font-size:17px;line-height:1.65}
.fieldbook .hero-aside .field-note{font:11px/1.8 FieldMono,monospace;text-transform:uppercase;letter-spacing:.18em;margin-top:102px}
.fieldbook .instrument-stage{height:clamp(320px,42.8vw,616px);min-height:300px;max-height:none}
.fieldbook #readout{font:11px FieldMono,monospace;bottom:4px}
.hero-action{text-align:center;padding:4px 20px 18px}
.hero-action p{font-size:15px;line-height:1.65;color:var(--muted);margin:6px 0}
.hero-action .preview-label{font:14px FieldMono,monospace;letter-spacing:.1em;color:var(--ink);margin-bottom:12px}
.concept-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 36px;min-height:56px;border:1px solid var(--ink);border-radius:999px;margin-top:28px;font-size:16px;transition:background .15s}
.concept-cta:hover{background:#ffffff60}
.preview-tools{max-width:780px;margin:0 auto 28px;padding:0 20px;color:var(--muted)}
.preview-tools>summary{font-size:13px;letter-spacing:.035em;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.preview-tools[open]{padding-bottom:12px}
.preview-tools .camera-controls{margin-top:12px}
.fieldbook #alternative-controls{margin:0}
.fieldbook .camera-controls{background:#ffffff20}
.fieldbook .utility-row select{max-width:125px}
.hardware-concept{max-width:1440px;margin:auto;border-top:1px solid #ffffff80;padding:64px 5.4% 30px;scroll-margin-top:24px}
.hardware-heading{display:grid;grid-template-columns:1fr 340px;gap:35px;align-items:center}
.fieldbook .section-code{font:11px/1.6 FieldMono,monospace;text-transform:uppercase;letter-spacing:.17em;color:var(--muted);margin:0 0 30px}
.hardware-heading h2{font-family:FieldDisplay,Instrument,sans-serif;font-size:clamp(36px,4.1vw,59px);font-weight:300;line-height:1.08;letter-spacing:-.045em;margin:0}
.hardware-heading>p{font-size:16px;line-height:1.6;color:var(--muted);margin:22px 0 0}
.hardware-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:center;margin-top:32px}
.hardware-figure{margin:0;min-width:0}
.hardware-figure>img{display:block;width:100%;height:auto}
.hardware-figure figcaption{font:11px/1.6 FieldMono,monospace;color:var(--muted);padding:6px 0 0 6px}
.hardware-selector{display:flex;flex-direction:column;gap:8px;padding:12px 0}
.hardware-selector button{position:relative;text-align:left;background:transparent;padding:16px 16px 16px 38px;min-height:88px;color:var(--muted);font-size:15px;line-height:1.55;transition:background .15s}
.hardware-selector button>img{position:absolute;left:0;top:23px;width:22px;height:22px;opacity:.65}
.hardware-selector .layer-title{display:block;font-size:22px;color:var(--ink);margin-bottom:8px;font-weight:400}
.hardware-selector button:hover{background:#ffffff25}
.hardware-selector button[aria-pressed=true]{background:transparent;color:#253c4a}
.hardware-selector button[aria-pressed=true]>img{opacity:1;filter:invert(44%) sepia(91%) saturate(697%) hue-rotate(157deg) brightness(92%)}
.layer-detail{display:grid;grid-template-columns:230px 1fr;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;color:var(--muted);min-height:108px}
.layer-detail>span{font:12px/1.7 FieldMono,monospace;color:#246680;letter-spacing:.08em}
.layer-detail p{font-size:16px;line-height:1.6;max-width:660px;margin:0}
.planned-outcomes{max-width:1440px;margin:auto;padding:50px 5.4% 30px;scroll-margin-top:20px}
.planned-outcomes>.section-code{margin-bottom:22px}
.outcome-path{max-width:960px;margin:auto;display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;gap:26px;align-items:center;text-align:center}
.outcome-path article>img{width:64px;height:64px;opacity:.82}
.outcome-path h3{font-size:24px;font-weight:400;letter-spacing:-.025em;margin:18px 0 9px}
.outcome-path p{font-size:15px;line-height:1.45;color:var(--muted);margin:0}
.path-arrow{opacity:.7;justify-self:center}
.outcome-disclosure{text-align:center;font-size:12px;line-height:1.65;color:var(--muted);margin:30px 0 0}
.more-product{max-width:1280px;margin:8px auto 0;border-block:1px solid var(--line)}
.more-product>summary{font-size:14px;min-height:56px;color:var(--muted)}
.more-product>summary.early-access-led{--instrument-led:#49a6ff;position:relative;isolation:isolate;max-width:380px;min-height:60px;margin:18px auto;padding:14px 26px;border:1px solid #49a6ff6b;border-radius:999px;background:#49a6ff08;color:var(--ink);box-shadow:0 0 14px #49a6ff22,inset 0 0 12px #49a6ff18;text-align:center}
.early-access-led .led-orbit{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;filter:drop-shadow(0 0 3px var(--instrument-led));z-index:-1;opacity:0}
.early-access-led .led-orbit[data-aligned=true]{opacity:1}
.led-orbit rect{fill:none;stroke:var(--instrument-led);stroke-width:2;stroke-linecap:round;stroke-dasharray:110 890;animation:device-led-orbit 7s linear infinite}
@keyframes device-led-orbit{to{stroke-dashoffset:-1000}}
@media(prefers-reduced-motion:reduce){.led-orbit rect{animation:none;stroke-dasharray:none}.early-access-led .led-orbit{filter:none}}
@media(forced-colors:active){.early-access-led .led-orbit{display:none}.more-product>summary.early-access-led{border-color:ButtonText;box-shadow:none}}
.fieldbook .launch-story{background:transparent;color:var(--ink)}
.fieldbook .launch-story section{padding-block:50px}
.fieldbook .launch-story .idea-copy .lead,.fieldbook .launch-story h3{color:var(--ink)}
.fieldbook .launch-story p,.fieldbook .launch-story .availability,.fieldbook .launch-options p,.fieldbook .cohort-mark,.fieldbook .faq-list p,.fieldbook #signup-status,.fieldbook .sharing span{color:var(--muted)}
.fieldbook .founding-section{background:transparent}
.fieldbook .launch-story .subtle,.fieldbook .intent-steps span,.fieldbook .launch-options a,.fieldbook .sharing button,.fieldbook .consent-choice,.fieldbook .launch-options span{color:#365563}
.fieldbook #beta-form .consent-choice{color:var(--muted)}
.fieldbook .launch-story a:focus-visible,.fieldbook .launch-story button:focus-visible,.fieldbook .launch-story input:focus-visible,.fieldbook .launch-story summary:focus-visible{outline-color:#246680}
.fieldbook .signup-entry input{background:#edf2f6;color:var(--ink);border-color:#70839180}
.fieldbook .signup-entry input:disabled{background:#cdd5dd;color:var(--muted)}
.fieldbook .signup-entry button:disabled{background:#b9c6d0;opacity:1;color:#324651}
.fieldbook-footer{max-width:1440px;margin:0 auto;padding:30px 5.4% 34px;display:flex;flex-wrap:wrap;gap:14px 30px;text-align:left;color:var(--muted);font-size:13px}
.fieldbook-footer p{margin:0;line-height:1.6}
.fieldbook-footer nav{display:flex;gap:28px;margin-left:auto}
.fieldbook-footer nav a{display:inline-block;min-height:44px}
.fieldbook-footer .legal-status{font-size:11px;flex-basis:100%;color:var(--muted)}
.fieldbook-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.fieldbook .local-audit{overflow-wrap:anywhere}
@media(max-width:900px){.fieldbook .brand-bar{flex-wrap:nowrap;padding:20px 24px;gap:8px;min-height:82px}.fieldbook .brand{font-size:17px}.fieldbook .brand-bar nav{order:initial;flex-basis:auto;gap:0}.fieldbook .brand-bar nav a{padding:10px 9px;font-size:13px}.fieldbook .preview-status{display:none}.fieldbook .intro{padding:35px 24px 0;grid-template-columns:1fr 200px;min-height:275px}.fieldbook .hero-aside{padding-left:15px}.fieldbook .hero-aside .field-note{margin-top:72px}.hardware-concept{padding:50px 24px 24px}.hardware-heading{grid-template-columns:1fr 250px}.hardware-layout{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.hardware-selector button{min-height:80px;padding:12px 12px 12px 18px}.hardware-selector .layer-title{font-size:20px}.layer-detail{grid-template-columns:180px 1fr}.planned-outcomes{padding-inline:24px}.outcome-path{gap:10px}.outcome-path h3{font-size:21px}.more-product{margin-inline:24px}.fieldbook-footer{padding-inline:24px}}
@media(max-width:600px){html{scroll-padding-top:18px}.fieldbook .brand-bar{min-height:78px;padding:18px 20px;flex-wrap:wrap}.fieldbook .brand{font-size:17px}.fieldbook .brand-bar nav{flex-basis:100%;justify-content:flex-start;margin-left:-9px}.fieldbook .brand-bar nav a{font-size:12px;padding:8px 9px}.fieldbook .intro{display:block;min-height:0;padding:34px 22px 0}.fieldbook .intro h1{font-size:52px;line-height:1.01}.fieldbook .hero-caption{font-size:15px;margin-top:22px}.fieldbook .hero-aside{padding:0;margin:20px 0 0}.fieldbook .hero-aside p{font-size:13px}.fieldbook .hero-aside p br{display:none}.fieldbook .hero-aside .field-note{display:none}.fieldbook .instrument-stage{height:280px;min-height:260px;margin-top:6px}.hero-action{padding-top:0}.hero-action .preview-label{font-size:12px}.hero-action p{font-size:14px}.concept-cta{font-size:15px;padding:14px 28px;margin-top:20px;min-height:52px}.preview-tools{margin-bottom:14px;padding-inline:22px}.hardware-concept{padding:42px 22px 22px}.hardware-heading{display:block}.fieldbook .section-code{font-size:10px;margin-bottom:24px}.hardware-heading h2{font-size:36px}.hardware-heading>p{font-size:15px;margin-top:22px}.hardware-layout{grid-template-columns:1fr;margin-top:20px;gap:10px}.hardware-figure figcaption{font-size:10px}.hardware-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:0}.hardware-selector button{min-height:98px;padding:12px;border-left-width:2px;font-size:13px}.hardware-selector .layer-title{font-size:17px;margin-bottom:6px}.hardware-selector button:last-child{grid-column:1/-1;min-height:76px}.hardware-selector br{display:none}.layer-detail{grid-template-columns:1fr;gap:12px;margin-top:18px;padding-top:20px;min-height:154px}.layer-detail p{font-size:14px}.planned-outcomes{padding:28px 22px}.outcome-path{grid-template-columns:1fr;gap:22px}.outcome-path article{display:grid;grid-template-columns:52px 1fr;text-align:left;gap:4px 20px;align-items:center}.outcome-path article>img{grid-row:1/3;width:44px;height:44px}.outcome-path h3{margin:0;font-size:22px}.outcome-path p{font-size:14px}.outcome-path p br{display:none}.path-arrow{display:none}.outcome-disclosure{text-align:left;font-size:12px;margin-top:26px}.more-product{margin:0 22px}.fieldbook-footer{padding:28px 22px;gap:12px}.fieldbook-footer nav{margin-left:0;width:100%;gap:25px}.fieldbook-footer .legal-status{font-size:11px}.fieldbook .launch-story section{padding:30px 0}.fieldbook #error{left:22px;right:22px}.fieldbook #pad-controls{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){.concept-cta,.hardware-selector button{transition:none}}
/* Keep the selection glyph separate from text at both narrow breakpoints. */
@media(max-width:900px){.hardware-selector button{padding-left:38px}.hardware-selector button>img{top:16px}}
/* Fallback must outrank both desktop and narrow Fieldbook stage sizing. */
.fieldbook .instrument-stage.graphics-unavailable{height:auto;min-height:0;max-height:none}

/* Concept-only scroll story. The landing instrument remains intact and interactive. */
.fieldbook .brand-bar{position:sticky;top:0;z-index:30;background:#d9dfe5ed;backdrop-filter:blur(12px);height:auto;min-height:76px;padding-block:16px}
.fieldbook .skip-link{z-index:40}
.fieldbook #instrument{scroll-margin-top:var(--site-header-height,76px)}
.fieldbook #stage,.fieldbook #scene-host{scroll-margin-top:calc(var(--site-header-height,76px) + 12px)}
.scroll-journey{position:relative;--site-header-height:76px;scroll-margin-top:var(--site-header-height)}
.story-fit-space{position:absolute;top:0;left:0;width:0;height:calc(100svh - var(--site-header-height));visibility:hidden;pointer-events:none}
.fieldbook #hardware,.fieldbook #intelligence{scroll-margin-top:calc(var(--site-header-height,76px) + 20px)}
.story-viewport{display:flex;flex-direction:column;min-height:520px}
.scroll-journey[data-scroll-enabled=true]{height:280svh}
.scroll-journey[data-scroll-enabled=true] .story-viewport{position:sticky;top:var(--site-header-height);height:calc(100svh - var(--site-header-height));min-height:0;overflow:hidden}
.story-heading{padding:30px 5.4% 0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:124px;flex-shrink:0}
.story-copy[hidden]{display:none}
.story-copy .section-code{margin:0 0 10px}
.story-copy h2,.story-copy h3{font:300 clamp(25px,2.7vw,39px)/1.12 FieldDisplay,Instrument,sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.story-copy>p:last-child{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.story-chapters{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;flex-shrink:0}
.story-chapters button{background:transparent;border-bottom:1px solid var(--line);min-height:44px;padding:8px 4px;font:11px FieldMono,monospace;color:var(--muted)}
.story-chapters button span{display:block;font:13px Instrument,sans-serif;margin-top:5px}
.story-chapters button[aria-pressed=true]{border-color:#246680;color:#246680}
.scroll-journey[data-scroll-enabled=true] .instrument-stage{height:auto;min-height:0;flex:1;margin:0}
.story-actions{padding:8px 5.4% 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:106px;flex-shrink:0}
.story-actions p{font-size:13px;line-height:1.5;color:var(--muted);margin:3px 0}
.story-actions .preview-label{font:12px FieldMono,monospace;color:var(--ink);letter-spacing:.08em}
.story-actions .story-disclosure{font-size:11px}
#story-control{border:1px solid var(--ink);border-radius:999px;background:transparent;padding:14px 28px;min-height:52px;font-size:15px;white-space:nowrap}
#story-control:hover{background:#ffffff60}
#story-control[aria-pressed=true]{background:var(--ink);color:#e5edf3}
.scroll-journey[data-mode=tour] #scene-host,.scroll-journey[data-mode=tour] #scene-host canvas{touch-action:pan-y;pointer-events:none;cursor:auto}
.scroll-journey[data-mode=control] #scene-host,.scroll-journey[data-mode=control] #scene-host canvas{touch-action:none;pointer-events:auto}
.scroll-journey[data-mode=control] .story-chapters{opacity:.7}
.story-tools{text-align:right}
.story-camera{display:none;margin:8px 0 0;max-width:330px}
.story-camera button{min-width:78px;font-size:12px}
.scroll-journey[data-mode=control] .story-camera{display:flex}
.scroll-journey[data-graphics-unavailable=true]{height:auto!important}
.scroll-journey[data-graphics-unavailable=true] .story-viewport{position:relative;height:auto;overflow:visible}
.fieldbook .story-evidence{position:fixed;right:8px;bottom:8px;z-index:50;margin:0;padding:8px;max-width:300px;background:#e8edf5eb;border:1px solid var(--line);font-size:9px;max-height:130px;overflow:auto}
.fieldbook .story-evidence p{margin:3px 0}.fieldbook .story-evidence button{min-height:36px;font-size:11px}
@media(max-width:900px){.story-heading{padding-inline:24px;gap:16px}.story-actions{padding-inline:24px}.story-chapters{gap:8px}.story-chapters button span{display:none}}
@media(max-width:600px){.story-viewport{min-height:0}.story-heading{padding:20px 22px 0;min-height:133px;display:block}.story-copy h2{font-size:27px}.story-copy>p:last-child{font-size:12px}.story-chapters{padding-top:9px;gap:14px}.story-chapters button{min-height:44px;display:flex;align-items:center;gap:6px}.story-chapters button span{display:inline;font-size:11px;margin:0}.story-actions{padding:8px 22px 20px;display:block;min-height:145px}.story-actions p{font-size:12px}.story-actions .preview-label{font-size:10px}#story-control{min-height:46px;font-size:13px;padding:10px 22px;margin-top:10px}.scroll-journey[data-scroll-enabled=true]{height:230svh}.story-tools{text-align:left}.story-camera{margin-top:10px}}
@media(max-height:639px),(prefers-reduced-motion:reduce){.scroll-journey[data-scroll-enabled=true]{height:auto}.scroll-journey[data-scroll-enabled=true] .story-viewport{position:relative;top:auto;height:auto;overflow:visible}.scroll-journey[data-scroll-enabled=true] .instrument-stage{height:clamp(280px,42.8vw,616px);min-height:260px;flex:none}}

.landing-camera{max-width:340px;margin:18px auto 0}
.hero-action .hero-disclosure{font-size:11px}
.hardware-layout{display:block;align-items:start}
.hardware-layout>.hardware-selector{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:32px}
.hardware-layout .story-heading{padding-inline:0;gap:16px;min-height:128px}
.hardware-layout .story-copy h3{font-size:clamp(25px,2.35vw,34px)}
.hardware-layout .story-chapters{gap:8px}
.hardware-layout .story-actions{padding-inline:0;min-height:94px}
.hardware-layout .story-actions>a{font-size:12px;min-height:44px;display:flex;align-items:center;color:var(--muted)}
.concept-scrubber{display:block;flex:0 1 270px;min-width:170px;font:10px FieldMono,monospace;color:var(--muted);text-align:right}
.concept-scrubber>span:first-child{display:block;margin-bottom:6px}
.concept-scrubber input{display:block;width:100%;height:32px;accent-color:#246680;cursor:ew-resize;touch-action:pan-y}
.concept-scrubber .scrub-labels{display:flex;justify-content:space-between;font-size:9px}
.concept-scrubber input:disabled{cursor:default;opacity:.5}
.concept-stage{position:relative;width:100%;height:clamp(300px,38vw,540px);min-height:300px}
.assembly-key{position:absolute;inset:14px auto auto 0;display:flex;flex-direction:column;gap:9px;font:9px FieldMono,monospace;letter-spacing:.04em;color:#526a77;pointer-events:none;opacity:0;transition:opacity .2s}
.scroll-journey[data-assembly-open=true] .assembly-key{opacity:1}
.scroll-journey[data-graphics-unavailable=true] .assembly-key{display:none}
#concept-scene-host{position:absolute;inset:0;touch-action:pan-y;pointer-events:none}
#concept-scene-host canvas{pointer-events:none;touch-action:pan-y!important}
#concept-loading,#concept-error{position:absolute;inset:45% 20px auto;text-align:center;font-size:13px;color:var(--muted)}
#concept-loading[hidden],#concept-error[hidden],#concept-fallback[hidden],#concept-scene-host[hidden]{display:none}
.concept-fallback{max-height:100%;height:100%;width:100%}
.concept-fallback>img{width:100%;height:100%;object-fit:contain}
.scroll-journey[data-scroll-enabled=true] .concept-stage{flex:1;height:auto;min-height:0}
.scroll-journey[data-graphics-unavailable=true] .concept-stage{height:clamp(300px,38vw,540px);flex:none;min-height:300px}
.scroll-journey[data-graphics-unavailable=true] #concept-error{position:relative;inset:auto}
@media(max-width:600px){.hardware-layout{display:block}.hardware-layout>.hardware-selector{position:static}.hardware-layout .story-heading{padding:18px 0 0;min-height:137px}.hardware-layout .story-copy h3{font-size:27px}.hardware-layout .story-actions{padding:8px 0 18px;min-height:120px}.concept-stage{height:300px;min-height:280px}}
@media(max-height:639px),(prefers-reduced-motion:reduce){.scroll-journey[data-scroll-enabled=true] .concept-stage{height:clamp(300px,38vw,540px);min-height:280px;flex:none}}
@media(max-width:600px){.concept-scrubber{width:100%;max-width:320px;margin:10px auto 0;text-align:left}.hardware-layout .story-actions{min-height:167px}}
/* Give the actual exploded device the full concept canvas; the landing is unchanged. */
.hardware-layout .scroll-journey[data-scroll-enabled=true]{height:340svh}
.hardware-layout .story-heading{min-height:112px}
.hardware-layout .story-actions{min-height:88px;padding-bottom:18px}
@media(max-width:900px){.hardware-layout>.hardware-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.assembly-key{font-size:8px;gap:7px}}
@media(max-width:600px){.hardware-layout>.hardware-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hardware-layout .scroll-journey[data-scroll-enabled=true]{height:300svh}.hardware-layout .story-heading{min-height:132px}.hardware-layout .story-actions{min-height:144px}.assembly-key{display:none}}
@media(max-height:639px),(prefers-reduced-motion:reduce){.hardware-layout .scroll-journey[data-scroll-enabled=true]{height:auto}.assembly-key{display:none;transition:none}}
/* Text enlargement must reflow instead of hiding content outside the screen. */
.fieldbook .intro>*,.fieldbook .founding-copy,.story-copy,.story-actions>div{min-width:0;overflow-wrap:anywhere}
.hardware-heading>*{min-width:0;overflow-wrap:anywhere}
.fieldbook .camera-controls{flex-wrap:wrap}
.fieldbook .camera-controls button{flex:1 1 auto;white-space:normal;overflow-wrap:anywhere;padding-block:8px}