/* Build 013: a single full-height walnut surface follows the upper sweep. */
.themed-interior{display:flex;flex-direction:column;gap:5px;flex:1;width:100%;margin-top:0;margin-bottom:-5px;padding:0 0 6px;background-color:#654025;background-image:repeating-linear-gradient(90deg,#24170e99 0px,#1b100bd9 1px,#b27b4377 2px,transparent 3px,transparent 84px),linear-gradient(#29180c16,#29180c16),url('assets/walnut-paneling.png');background-size:84px 100%,100% 100%,672px 100%;background-repeat:repeat-x,no-repeat,repeat-x;background-position:left top;box-shadow:inset 0 -3px 5px #28150855}
/* The cream cap ends exactly on the top stripe's curve; the same wood layer
   continues behind the band and all the way down to the footer. */
.themed-interior>svg.sweep{position:relative;z-index:1;flex-shrink:0}
.sweep .sweep-cap{fill:var(--paper);stroke:none!important}
.themed-interior .bubble-headline{margin-top:5px;color:#fff0c8;-webkit-text-stroke:1px #49240e}
.themed-interior .vpn-access>p,.themed-interior .vpn-access>small{color:#fff0d3;text-shadow:0 1px 2px #211006}
.themed-interior .monitor{box-shadow:0 10px 12px -5px #1e0d09aa,inset 0 3px 2px #eee0bd,inset -3px 0 3px #746251}
@media(max-width:760px){.themed-interior{gap:12px;margin-top:0;margin-bottom:-10px;padding-top:0;padding-bottom:16px;background-size:64px 100%,100% 100%,512px 100%;background-image:repeating-linear-gradient(90deg,#24170e99 0px,#1b100bd9 1px,#b27b4377 2px,transparent 3px,transparent 64px),linear-gradient(#29180c16,#29180c16),url('assets/walnut-paneling.png')}.themed-interior .bubble-headline{margin-top:4px}}

/* Build 014: top and bottom use identical stripe weights, spacing and colors. */
.landing{--signal-stroke:7px;--signal-pitch:8.82px;box-shadow:0 0 0 3px #9d491b}
.landing .sweep path:not(.sweep-cap){stroke-width:var(--signal-stroke)}
.landing .themed-interior{margin-bottom:0;padding-bottom:0}
.landing .themed-interior>.footer-stripes{display:flex;flex-direction:column;gap:0;height:auto;flex-shrink:0;background:none;margin:0;width:100%}
.themed-interior>.footer-stripes>i{display:block;flex:none;height:var(--signal-stroke);background:var(--signal-1)}
.themed-interior>.footer-stripes>i:nth-child(2){background:var(--signal-2)}
.themed-interior>.footer-stripes>i:nth-child(3){background:var(--signal-3)}
.themed-interior>.footer-stripes>i:nth-child(4){background:var(--signal-4)}
.themed-interior>.footer-stripes>i:nth-child(5){background:var(--signal-5)}
/* An overlay keeps the inset trim continuous where SVG/background layers meet. */
.landing::after{content:'';position:absolute;inset:0;pointer-events:none;border:2px solid #bd5c20;border-radius:22px;z-index:20}
@media(min-width:761px) and (max-height:850px){.landing{--signal-stroke:5.6px;--signal-pitch:6.72px}}
@media(min-width:761px) and (max-height:680px){.landing{--signal-stroke:4.2px;--signal-pitch:5.46px}}
@media(max-width:760px){.landing{--signal-stroke:5px;--signal-pitch:6.5px}.landing::after{border-radius:18px}}

/* Build 015: a continuous five-color footer band, without wood gaps. */
.landing .themed-interior>.footer-stripes{gap:0;background:var(--signal-5)}