:root{
  --room:#c9c5ba;
  --room-hi:#ddd9cf;
  --room-lo:#b6b1a6;
  --plastic:#e7e3d9;
  --plastic-hi:#f3f0e8;
  --plastic-mid:#d6d1c6;
  --plastic-lo:#bbb6ab;
  --edge:#aaa59a;
  --edge-dark:#8f8a81;
  --control:#4f5558;
  --control-2:#373d40;
  --control-3:#2b3033;
  --screen:#a8ead4;
  --screen-dark:#173a32;
  --paper:#ffffff;
  --ink:#1f272c;
  --muted:#6e777a;
  --line:#e7e8e6;
  --blue:#3f8fb7;
  --green:#29ca7a;
  --amber:#f0b748;
  --red:#d7655d;
  --shadow:0 24px 46px rgba(67,61,51,.22);
  --a4w:700px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:#252b2e;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 50% -15%,rgba(255,255,255,.58),transparent 38%),
    linear-gradient(135deg,var(--room-hi),var(--room) 42%,var(--room-lo));
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%}

.printer-room{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.32;
  background-image:
    linear-gradient(rgba(74,69,60,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,69,60,.04) 1px,transparent 1px);
  background-size:46px 46px;
}

/* TOP BAR — printer plastic, always fixed while feed scrolls */
.machine-topbar{
  position:sticky;
  top:0;
  z-index:100;
  background:linear-gradient(180deg,#eeeae1,#d6d1c6);
  border-bottom:1px solid #aaa59b;
  box-shadow:0 7px 18px rgba(75,69,58,.16),inset 0 1px 0 #fff;
}
.machine-topbar-inner{
  max-width:1720px;
  margin:auto;
  padding:10px 24px;
  display:grid;
  grid-template-columns:285px minmax(360px,1fr) 132px;
  gap:22px;
  align-items:center;
}
.site-logo{display:flex;align-items:center;gap:11px;color:#303638}
.site-logo-printer{
  width:51px;height:41px;position:relative;border-radius:11px;
  background:linear-gradient(160deg,#f5f2e9,#c9c4b8);
  border:1px solid #aaa59a;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 5px 10px rgba(82,76,65,.18)
}
.site-logo-printer:before{content:"";position:absolute;left:9px;right:9px;top:7px;height:11px;border-radius:3px 3px 1px 1px;background:#fff;border:1px solid #d6d6d1}
.site-logo-printer:after{content:"";position:absolute;left:13px;right:13px;top:18px;height:16px;border-radius:2px;background:linear-gradient(#fff,#f1f1ee);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.site-logo-printer i{position:absolute;width:5px;height:5px;border-radius:50%;right:6px;top:7px;background:var(--green);box-shadow:0 0 7px rgba(41,202,122,.75)}
.site-logo-copy strong{display:block;font-size:17px;letter-spacing:-.25px}
.site-logo-copy small{display:block;margin-top:2px;color:#747a7a;font:800 8.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}

.scanner-search{
  height:50px;
  border:1px solid #aaa59a;
  background:linear-gradient(180deg,#d3cfc5,#c3beb4);
  border-radius:9px;
  display:grid;
  grid-template-columns:18px 1fr auto;
  gap:10px;
  align-items:center;
  padding:6px 7px 6px 14px;
  box-shadow:inset 0 2px 7px rgba(89,81,67,.12),inset 0 1px 0 rgba(255,255,255,.7)
}
.scanner-lamp{width:8px;height:8px;border-radius:50%;background:#4fb8df;box-shadow:0 0 9px rgba(79,184,223,.72)}
.scanner-search input{border:0;background:transparent;color:#343a3b;outline:none;min-width:0;font-weight:600}
.scanner-search input::placeholder{color:#777d7d}
.scanner-search button,.top-machine-btn,.mobile-machine-controls button,.profile-button{
  border:1px solid #777d7f;
  background:linear-gradient(180deg,#666d70,#464c4f);
  color:#fff;
  border-radius:8px;
  padding:10px 14px;
  font-weight:900;
  font-size:10px;
  letter-spacing:.06em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 5px rgba(73,68,60,.18);
  cursor:pointer
}
.top-actions{display:flex;justify-content:flex-end}
.profile-button{display:inline-flex;align-items:center;gap:8px;min-width:112px;justify-content:center}
.profile-icon{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.9)}
.profile-icon:before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;border-radius:50%;background:#fff;transform:translateX(-50%)}
.profile-icon:after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:6px;border-radius:8px 8px 5px 5px;background:#fff}
.mobile-machine-controls{display:none;gap:7px}

.messages-wrap{max-width:900px;margin:15px auto -5px;padding:0 18px}
.message{background:#e4f4eb;border:1px solid #9bcdb0;color:#28633f;padding:11px 14px;border-radius:8px;font-size:13px}
.message.error{background:#f7e4e2;border-color:#d7aaa6;color:#8e3c37}

/* 3 machine layout */
.machine-layout{
  max-width:1720px;
  margin:0 auto;
  padding:30px 24px 90px;
  display:grid;
  grid-template-columns:310px minmax(610px,740px) 310px;
  justify-content:center;
  gap:34px;
  align-items:start
}
.side-printer{min-width:0}
.sticky-device{position:sticky;top:84px;max-height:calc(100vh - 96px);overflow:auto;scrollbar-width:none;padding-bottom:6px}
.sticky-device::-webkit-scrollbar{display:none}
.printer-device{position:relative;padding-top:28px;filter:drop-shadow(0 22px 28px rgba(74,67,56,.18))}

/* Real off-white printer shell */
.scanner-lid{
  position:relative;
  height:74px;
  margin:0 16px -14px;
  border-radius:24px 24px 9px 9px;
  background:linear-gradient(160deg,#f4f1e9 0,#d7d2c7 48%,#bbb6ab 100%);
  border:1px solid #a8a399;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.78),0 8px 12px rgba(76,70,59,.14);
  transform:perspective(500px) rotateX(-4deg)
}
.scanner-lid:before{content:"";position:absolute;inset:10px 16px 18px;border-radius:14px;background:linear-gradient(180deg,#d8d5cd,#bbb8b0);border:1px solid #a5a198;box-shadow:inset 0 7px 15px rgba(84,78,67,.14)}
.scanner-lid span{position:absolute;left:50%;bottom:7px;width:54px;height:4px;border-radius:999px;transform:translateX(-50%);background:#777a78;opacity:.48}
.scanner-lid.ad-lid:before{background:linear-gradient(180deg,#d5d1c7,#b9b4a9)}
.printer-neck{height:24px;margin:0 34px -2px;background:linear-gradient(180deg,#d6d1c6,#bbb6ac);border-left:1px solid #aaa59c;border-right:1px solid #aaa59c}
.printer-body{
  position:relative;
  padding:20px 18px 24px;
  border-radius:18px 18px 28px 28px;
  background:linear-gradient(145deg,#f0ede4 0,#d9d5ca 46%,#c4bfb5 100%);
  border:1px solid #aaa59b;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.72),inset 0 -15px 28px rgba(90,83,70,.10)
}
.printer-body:after{content:"";position:absolute;left:14px;right:14px;bottom:-14px;height:22px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#b6b1a7,#99958d);z-index:-1}
.printer-brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.device-brand{font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#626865}
.power-led{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(41,202,122,.58)}
.power-led.amber{background:var(--amber);box-shadow:0 0 9px rgba(240,183,72,.62)}
.animated-led{animation:deviceLed 2.6s ease-in-out infinite}
@keyframes deviceLed{0%,100%{opacity:.58;filter:saturate(.8)}45%,60%{opacity:1;filter:saturate(1.2);box-shadow:0 0 12px currentColor}}

/* LCD: animated content */
.lcd-screen{
  padding:13px 14px;
  border-radius:7px;
  background:linear-gradient(180deg,#b9f0dc,#8ed4bd);
  color:#18352f;
  border:4px solid #555b59;
  box-shadow:inset 0 0 16px rgba(22,78,64,.16),0 1px 0 rgba(255,255,255,.7);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  margin-bottom:15px
}
.lcd-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:900;letter-spacing:.1em;border-bottom:1px solid rgba(19,64,54,.25);padding-bottom:7px;margin-bottom:10px}
.lcd-message{font-size:13px;font-weight:900;letter-spacing:.08em;min-height:18px}
.lcd-subline{font-size:8px;font-weight:700;letter-spacing:.1em;margin-top:5px;color:#2b6356;min-height:11px}

.panel-label{font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#666d6b;margin:15px 3px 8px}
.physical-keypad{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.physical-key{
  min-height:44px;
  border:1px solid #7b8081;
  border-bottom-color:#555a5b;
  background:linear-gradient(180deg,#777e80,#596063);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-size:11px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 4px 0 #8e8a82,0 6px 9px rgba(77,70,58,.14);
  transition:.18s ease
}
.physical-key:hover,.physical-key.key-active{background:linear-gradient(180deg,#8a9295,#62696c);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #8e8a82,0 0 14px rgba(63,143,183,.32)}
.home-key{margin-bottom:14px;justify-content:flex-start;padding:0 13px;gap:9px;background:linear-gradient(180deg,#5f859b,#446679)}
.key-led{width:7px;height:7px;border-radius:50%;background:#7ef1b3;box-shadow:0 0 8px rgba(57,224,146,.65)}
.function-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.function-row a{
  min-width:0;height:34px;border-radius:50%;border:1px solid #777c7d;
  background:linear-gradient(180deg,#858b8c,#5c6264);display:grid;place-items:center;
  font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 0 #9a968d
}
.model-screen-list{border-radius:8px;overflow:hidden;border:1px solid #878d8b;background:#d3e6df}
.model-screen-list a{display:grid;grid-template-columns:1fr auto;gap:1px 8px;padding:9px 10px;border-bottom:1px solid #adc2ba;color:#263c35}
.model-screen-list a:last-child{border-bottom:0}
.model-screen-list span{grid-column:1;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#397262;letter-spacing:.08em}
.model-screen-list strong{grid-column:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-screen-list em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#436158;background:#bdd1c9;border-radius:4px;padding:4px 5px}
.device-empty{display:block;padding:12px;color:#687470;font-size:11px}
.paper-tray{height:44px;margin:8px 24px 0;border-radius:4px 4px 14px 14px;background:linear-gradient(180deg,#d0cbc0,#aaa59b);border:1px solid #9a958b;position:relative}
.paper-tray span{position:absolute;left:26px;right:26px;top:9px;height:5px;border-radius:4px;background:#727674;box-shadow:inset 0 2px 3px rgba(0,0,0,.18)}
.printer-feet{display:flex;justify-content:space-between;padding:0 38px}
.printer-feet i{width:40px;height:10px;border-radius:0 0 6px 6px;background:#8f8b83}

/* RIGHT — one purpose only: ad billboard screen */
.ad-device-body{padding-bottom:28px}
.ad-brand-row{margin-bottom:11px}
.ad-screen-frame{
  padding:11px;
  border-radius:11px;
  background:linear-gradient(180deg,#666b6b,#43484a);
  border:1px solid #818687;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 10px rgba(80,72,60,.14)
}
.ad-screen-label{
  margin-bottom:8px;
  color:#e9eeee;
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em
}
.ad-screen-glass{
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:5px;
  background:linear-gradient(145deg,#202426,#0f1213);
  border:4px solid #2e3335;
  box-shadow:inset 0 0 18px rgba(0,0,0,.58)
}
.house-ad{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#fff}
.house-ad img{width:100%;height:100%;object-fit:contain;background:#fff}
.ad-fallback,.house-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px;color:#dfe5e5;background:radial-gradient(circle,#384043,#161a1b 72%)}
.placeholder-mark{width:54px;height:54px;display:grid;place-items:center;border:2px solid #737d7c;border-radius:9px;font:900 16px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fe8d4}
.house-placeholder strong{font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}
.house-placeholder span{font-size:10px;color:#9ea9a9;line-height:1.5}
.ad-tray{margin-top:9px}

/* CENTER — no screen, only physical output mouth */
.feed-machine-column{min-width:0}
.central-printer-head,.output-only-head{max-width:var(--a4w);margin:0 auto -6px;position:relative;z-index:4}
.output-printer-shell,
.central-printer-top{
  height:88px;
  padding:17px 28px 0;
  border-radius:26px 26px 11px 11px;
  background:linear-gradient(165deg,#f4f1e9,#d7d2c7 54%,#bcb7ac);
  border:1px solid #aaa59b;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.72),0 12px 22px rgba(76,69,58,.16)
}
.output-printer-brand,.central-brand{display:flex;align-items:center;gap:8px;color:#626865;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}
.output-slot,.central-output-slot{
  height:30px;
  margin:18px 4px 0;
  border-radius:9px 9px 15px 15px;
  background:linear-gradient(180deg,#555a59,#313637 55%,#1d2122);
  border:1px solid #7f8482;
  box-shadow:inset 0 8px 10px rgba(0,0,0,.45)
}
.output-slot span,.central-output-slot span{display:block;width:82%;height:5px;margin:7px auto 0;border-radius:999px;background:#111414;opacity:.8}
/* old detail/search/client header internals stay in template, but visually become output-only */
.central-printer-top{display:block;position:relative}
.central-display,.central-buttons{display:none!important}
.central-output-slot{margin:-10px 30px 0;position:relative;z-index:2}
.detail-machine-head,.search-machine-head{margin-bottom:8px}

/* A4 feed — actual 210:297 ratio and pure white paper */
.a4-stack{display:grid;gap:26px}
.a4-sheet{
  position:relative;
  width:min(100%,var(--a4w));
  aspect-ratio:210/297;
  margin:0 auto;
  background:var(--paper);
  color:var(--ink);
  border:1px solid #dadbd8;
  box-shadow:0 22px 34px rgba(73,66,54,.18),0 2px 4px rgba(73,66,54,.14);
  overflow:hidden
}
.a4-sheet:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.018),transparent 4%,transparent 96%,rgba(0,0,0,.012))}
.a4-margin-guide{position:absolute;inset:34px 46px;border:1px solid #f0f0ee;pointer-events:none}
.a4-doc-head{position:absolute;left:52px;right:52px;top:33px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #d8d9d6;padding-bottom:9px;color:#777d7d;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.a4-footer-line{position:absolute;left:52px;right:52px;bottom:30px;display:flex;justify-content:space-between;border-top:1px solid #dedfdd;padding-top:7px;color:#9a9d9c;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}
.a4-intro-content{position:absolute;left:70px;right:70px;top:158px}
.document-kicker{color:#4c83a0;font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}
.a4-intro-content h1{font-size:40px;line-height:1.08;margin:18px 0 18px;letter-spacing:-1.2px}
.a4-intro-content p{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.7;color:#4a5458;margin:0;max-width:92%}
.document-stamps{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.document-stamps span{padding:7px 10px;border:2px solid #7f8b8d;color:#586468;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;transform:rotate(-1deg)}
.document-stamps span:nth-child(2){border-color:#6ca58f;color:#437461;transform:rotate(1deg)}

.a4-post-body{position:absolute;left:58px;right:58px;top:74px;bottom:112px;overflow:hidden}
.post-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.post-type{padding:5px 8px;border-radius:999px;background:#e7f0f4;color:#3e758e;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.type-ipucu{background:#e5f3e9;color:#3d8058}.type-teknik{background:#ece8f6;color:#67518f}.type-haber{background:#f7eedc;color:#8c652e}.type-urun{background:#f7e4df;color:#954f43}.type-karsilastirma{background:#e3eff3;color:#3e7081}.type-soru{background:#e6eaf5;color:#4c6097}
.post-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#7b8282;font-size:9px}
.post-meta a:hover{text-decoration:underline}
.post-title{font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.18;margin:20px 0 12px;color:#20282d}
.post-excerpt{font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.72;color:#4b565b;margin:0 0 16px}
.post-image-wrap{display:flex;width:100%;max-height:48%;align-items:center;justify-content:center;border:1px solid #dedfdb;background:#fafafa;overflow:hidden}
.post-image{width:100%;max-height:380px;object-fit:contain}
.technical-placeholder{min-height:190px;border:1px solid #e0e1de;background:linear-gradient(180deg,#fbfbfa,#f2f3f1);display:grid;grid-template-columns:130px 1fr;align-items:center;gap:26px;padding:26px}
.toner-mark{width:105px;height:105px;border:8px solid #d8dbd8;border-radius:50%;display:grid;place-items:center;text-align:center;color:#a4aaa7;font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}
.technical-lines{display:grid;gap:14px}.technical-lines i{height:7px;background:#e2e4e1}.technical-lines i:nth-child(2){width:78%}.technical-lines i:nth-child(3){width:91%}.technical-lines i:nth-child(4){width:61%}
.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag-row span{padding:5px 7px;border-radius:999px;background:#f0f3f3;color:#607174;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}
.link-card{margin-top:12px;border:1px solid #d8dbd9;background:#fafbf9;padding:9px 11px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.link-card strong{display:block;font-size:10px}.link-card small{display:block;color:#8b9290;margin-top:2px;font-size:8px}
.a4-action-zone{position:absolute;left:52px;right:52px;bottom:59px;border-top:1px solid #dadbd8;padding-top:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.action-btn,.buy-btn{border:1px solid #cfd3d1;background:#fff;color:#465155;padding:7px 9px;border-radius:4px;font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;cursor:pointer}.action-btn:hover{background:#f2f3f1}.action-btn.liked{border-color:#c75b78;color:#a53d59;background:#fff1f4}.read-more{margin-left:auto}.buy-btn{background:#4f5658;color:#fff;border-color:#4f5658}.buy-btn:hover{background:#33393a}

/* Feed ad is also A4 white paper */
.ad-a4{background:#fff}.ad-doc-head{color:#9b6551}.a4-ad-body{position:absolute;left:64px;right:64px;top:100px;bottom:80px;display:flex;flex-direction:column;align-items:center;text-align:center}.ad-stamp{border:3px solid #b66e57;color:#9d5b47;padding:7px 12px;font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;transform:rotate(-2deg);margin-bottom:24px}.a4-ad-body h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;margin:0 0 22px}.feed-ad-link{width:100%;flex:1;min-height:0;border:1px solid #dededb;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.feed-ad-link img{max-width:100%;max-height:100%;object-fit:contain}.feed-ad-fallback{display:grid;place-items:center;gap:10px;color:#4e5a63}.ad-cta{margin-top:18px;padding:10px 18px;border:2px solid #4c5557;font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}

/* Detail / search / client screens keep printer language but use light machine colors */
.detail-card,.related-card,.question-card,.search-section,.auth-card,.dashboard-section,.empty-card{
  background:#f3efe6;
  border:1px solid #aaa59b;
  border-radius:14px;
  box-shadow:var(--shadow);
  color:#252d2f
}
.detail-card{max-width:var(--a4w);margin:0 auto;padding:36px;background:#fff;border-color:#d9dad7}
.detail-card h1{font-family:Georgia,"Times New Roman",serif;font-size:40px;line-height:1.1;margin:16px 0}
.detail-lead{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.7;color:#4d5962}
.detail-image{width:100%;max-height:560px;object-fit:contain;background:#fff;margin:20px 0;border:1px solid #dad9d3}
.article-body{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.85;color:#303a42}.article-body p{margin:0 0 18px}
.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px;padding-top:14px;border-top:1px solid #d4d4cf}.detail-actions .prominent{margin-left:auto}
.related-card,.question-card,.search-section,.auth-card,.dashboard-section{max-width:var(--a4w);margin:22px auto 0;padding:24px}.related-card h2,.question-card h2,.search-section h2,.dashboard-section h2{margin:5px 0 15px}.related-card>a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #cec9bf}
.section-intro{color:#697273;font-size:13px;line-height:1.6}.question-form,.stack-form{display:grid;gap:12px}.question-form label,.stack-form p{display:grid;gap:6px;color:#434b4d;font-size:12px;font-weight:800;margin:0}.question-form input,.question-form textarea,.stack-form input,.stack-form textarea,.stack-form select{width:100%;border:1px solid #aaa59b;background:#fff;color:#2b3234;border-radius:7px;padding:11px 12px;outline:none}
.primary-btn,.ghost-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #777d7f;background:linear-gradient(180deg,#777e80,#585f61);color:#fff;border-radius:7px;padding:10px 13px;font-weight:900;font-size:10px;cursor:pointer}.primary-btn{background:linear-gradient(180deg,#5f8ca4,#426b82)}
.qa-list{margin-top:20px}.qa-item{padding:14px 0;border-top:1px solid #cec9bf}.q-line,.a-line{display:grid;grid-template-columns:55px 1fr;gap:8px}.q-line span,.a-line span{font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#707777}.q-line p,.a-line p{margin:0 0 10px;line-height:1.55}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0}.pagination a,.pagination span{border:1px solid #9f9b92;background:#e3dfd5;color:#4b5354;padding:9px 11px;border-radius:6px;font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace}
.empty-card{max-width:var(--a4w);margin:auto;padding:30px;text-align:center;color:#626b6d}.printer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.printer-grid a{padding:12px;border:1px solid #b6b1a7;border-radius:7px;background:#fff;display:flex;flex-direction:column}.printer-grid strong{font-size:10px;color:#4f849c}.printer-grid span{font-size:13px;margin-top:3px}.printer-grid small{color:#77807f;margin-top:4px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.client-ad{background:#fff;border:1px solid #b6b1a7;border-radius:8px;padding:12px}.client-ad img{width:100%;height:150px;object-fit:contain;background:#fff;margin:10px 0}.status-row,.revision-row{display:flex;justify-content:space-between;gap:10px}.status{font-size:9px;padding:4px 7px;border-radius:4px;background:#ddd9d0}.status.ok,.status-approved{color:#2a7a4d}.status-pending,.status.wait{color:#9b6b12}.status-rejected{color:#a94949}.revision-row{padding:12px 0;border-top:1px solid #cec9bf}.revision-row small{display:block;color:#747c7c;margin-top:3px}
.embed-box{margin:20px 0}.embed-box iframe{width:100%;min-height:420px;border:0;background:#ddd}.logout-form{max-width:var(--a4w);margin:14px auto;text-align:right}.text-btn{color:#fff}.form-errors{color:#a94949;font-size:12px}.detail-link{margin:20px 0}.detail-tags{margin-top:20px}
.panel-backdrop{display:none}

@media(max-width:1420px){
  .machine-layout{grid-template-columns:270px minmax(560px,700px) 270px;gap:22px}
  .machine-topbar-inner{grid-template-columns:255px minmax(320px,1fr) 122px}
  .printer-body{padding:17px 14px 21px}.physical-key{font-size:10px}.a4-intro-content h1{font-size:38px}
}
@media(max-width:1180px){
  .machine-layout{grid-template-columns:270px minmax(0,700px);padding-inline:20px}
  .right-printer{position:fixed;right:16px;top:78px;width:310px;z-index:90;transform:translateX(calc(100% + 40px));transition:transform .22s ease}
  .right-panel-open .right-printer{transform:translateX(0)}
  .mobile-machine-controls{display:flex}.top-actions{display:none}
  .machine-topbar-inner{grid-template-columns:240px 1fr auto}.panel-backdrop{position:fixed;inset:0;background:rgba(57,53,46,.38);z-index:80}.right-panel-open .panel-backdrop{display:block}
}
@media(max-width:900px){
  .machine-layout{display:block;padding:22px 14px 60px}
  .left-printer,.right-printer{position:fixed;top:72px;width:min(92vw,320px);z-index:90;transition:transform .22s ease}
  .left-printer{left:12px;transform:translateX(calc(-100% - 30px))}.right-printer{right:12px;transform:translateX(calc(100% + 30px))}
  .left-panel-open .left-printer{transform:translateX(0)}.right-panel-open .right-printer{transform:translateX(0)}
  .left-panel-open .panel-backdrop,.right-panel-open .panel-backdrop{display:block}
  .sticky-device{position:static;max-height:calc(100vh - 84px);overflow:auto;padding-bottom:20px}
  .machine-topbar-inner{grid-template-columns:1fr auto;grid-template-areas:"logo controls" "search search";gap:9px;padding:9px 12px}
  .site-logo{grid-area:logo}.mobile-machine-controls{grid-area:controls}.scanner-search{grid-area:search}.feed-machine-column{max-width:720px;margin:auto}
  .a4-intro-content{left:56px;right:56px;top:145px}.a4-post-body{left:50px;right:50px;top:76px;bottom:112px}.a4-doc-head{left:42px;right:42px;top:32px}.a4-footer-line{left:42px;right:42px;bottom:28px}.a4-action-zone{left:42px;right:42px;bottom:55px}
}
@media(max-width:620px){
  .site-logo-copy small{display:none}.site-logo-printer{width:45px;height:37px}.scanner-search{height:46px}.scanner-search button{padding:8px 10px}.mobile-machine-controls button{padding:8px 9px;font-size:9px}
  .output-printer-shell,.central-printer-top{height:74px;padding:14px 18px 0}.output-slot{height:26px;margin-top:13px}.central-output-slot{height:25px;margin:-8px 20px 0}
  .a4-stack{gap:18px}.a4-sheet{width:100%}.a4-margin-guide{inset:18px 22px}.a4-doc-head{left:30px;right:30px;top:20px;font-size:6.5px;padding-bottom:6px}.a4-footer-line{left:30px;right:30px;bottom:17px;font-size:6px;padding-top:5px}.a4-intro-content{left:38px;right:38px;top:90px}.document-kicker{font-size:8px}.a4-intro-content h1{font-size:26px;margin:10px 0 13px}.a4-intro-content p{font-size:12px;line-height:1.6}.document-stamps{margin-top:16px;gap:5px}.document-stamps span{font-size:7px;padding:5px 7px;border-width:1px}
  .a4-post-body{left:38px;right:38px;top:54px;bottom:77px}.post-topline{gap:6px}.post-type{font-size:6.5px;padding:3px 5px}.post-meta{font-size:6.5px}.post-title{font-size:20px;margin:11px 0 8px}.post-excerpt{font-size:10.5px;line-height:1.6;margin-bottom:10px}.post-image-wrap{max-height:42%}.post-image{max-height:210px}.technical-placeholder{min-height:100px;padding:14px;grid-template-columns:70px 1fr;gap:13px}.toner-mark{width:60px;height:60px;border-width:4px;font-size:7px}.technical-lines{gap:8px}.technical-lines i{height:4px}.tag-row{margin-top:8px;gap:4px}.tag-row span{font-size:6px;padding:3px 4px}.link-card{margin-top:7px;padding:6px;grid-template-columns:20px 1fr auto;gap:6px}.link-card strong{font-size:8px}.link-card small{font-size:6px}.a4-action-zone{left:30px;right:30px;bottom:36px;padding-top:7px;gap:4px}.action-btn,.buy-btn{font-size:6px;padding:5px 6px}.a4-ad-body{left:38px;right:38px;top:62px;bottom:50px}.ad-stamp{font-size:7px;margin-bottom:10px;padding:4px 6px;border-width:2px}.a4-ad-body h2{font-size:20px;margin-bottom:10px}.ad-cta{font-size:7px;padding:6px 8px;margin-top:10px}.detail-card{padding:22px}.detail-card h1{font-size:28px}.detail-lead{font-size:16px}.article-body{font-size:15px}.admin-grid,.printer-grid{grid-template-columns:1fr}.q-line,.a-line{grid-template-columns:1fr}
}

/* ============================================================
   V5 — REAL PRINTER INTERACTION PASS
   Frontend only: fixed side devices, LCD model menu, A4 print queue
   ============================================================ */

/* Side devices start directly from the machine body: no extra top lid. */
.nav-device,
.advertiser-device{
  padding-top:0;
  filter:drop-shadow(0 20px 28px rgba(73,66,55,.17));
}
.nav-device .printer-body,
.advertiser-device .printer-body{
  border-radius:22px 22px 28px 28px;
}
.nav-device-body{
  padding:18px 16px 20px;
}
.ad-device-body{
  padding:18px 16px 22px;
}

/* Keep topbar + both side machines in the viewport while only feed scrolls. */
.sticky-device{
  position:sticky;
  top:82px;
  max-height:calc(100vh - 98px);
  overflow:auto;
  scrollbar-width:none;
  padding-bottom:4px;
}
.side-printer{
  align-self:start;
}
.machine-layout{
  padding-top:20px;
}

/* LCD is now the actual submenu/model display. */
.nav-lcd{
  min-height:138px;
  margin-bottom:16px;
  transition:box-shadow .18s ease,background .18s ease;
}
.nav-lcd.lcd-working{
  box-shadow:inset 0 0 20px rgba(22,78,64,.18),0 0 14px rgba(64,177,143,.22);
}
.lcd-model-menu{
  display:grid;
  gap:4px;
  max-height:88px;
  overflow:auto;
  margin-top:7px;
  scrollbar-width:thin;
}
.lcd-model-menu[hidden]{display:none!important}
.lcd-model-link{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  align-items:center;
  padding:5px 6px;
  border-radius:3px;
  color:#173c32;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(25,77,64,.14);
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.035em;
}
.lcd-model-link:hover{background:rgba(255,255,255,.34)}
.lcd-model-link em{
  font-style:normal;
  font-size:6px;
  letter-spacing:.08em;
  color:#397263;
}
.lcd-all-link{
  background:rgba(24,94,76,.12);
  border-color:rgba(25,77,64,.24);
}

/* Brand keypad stays physical, but no section captions / home bar. */
.brand-keypad{
  margin-top:0;
  margin-bottom:17px;
}
.brand-selector{
  cursor:pointer;
  width:100%;
}
.brand-selector.brand-selected{
  background:linear-gradient(180deg,#6d8a95,#4c6873);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 0 #8e8a82,0 0 16px rgba(63,143,183,.38);
}

/* Eight future feature buttons. */
.feature-keypad{
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:2px;
}
.feature-keypad button{
  appearance:none;
  min-width:0;
  height:38px;
  border-radius:50%;
  border:1px solid #777c7d;
  background:linear-gradient(180deg,#898f90,#5d6365);
  color:#fff;
  font:900 8px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.05em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #9a968d,0 5px 8px rgba(73,67,57,.12);
  cursor:pointer;
  transition:.12s ease;
}
.feature-keypad button:active,
.feature-keypad button.key-active{
  transform:translateY(2px);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.16),0 1px 0 #8e8a82,0 0 11px rgba(63,143,183,.28);
}

/* Right side is only an ad display — no explanatory labels. */
.ad-neon-title{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin-bottom:12px;
  border-radius:7px;
  border:3px solid #555b59;
  background:linear-gradient(180deg,#b9f0dc,#8ed4bd);
  color:#173b31;
  box-shadow:inset 0 0 15px rgba(22,78,64,.18),0 1px 0 rgba(255,255,255,.75);
  font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  animation:fragileBlink 1.45s steps(2,end) infinite;
}
@keyframes fragileBlink{
  0%,45%{opacity:1;text-shadow:0 0 0 rgba(23,59,49,0)}
  46%,58%{opacity:.36;text-shadow:0 0 9px rgba(23,59,49,.32)}
  59%,100%{opacity:1}
}
.ad-screen-frame{padding:10px}
.ad-screen-glass{aspect-ratio:4/5}
.ad-tray{margin-top:8px}

/* Printer mouth shows activity while pages are being generated. */
.output-printer-brand{
  justify-content:space-between;
}
.output-printer-brand em{
  margin-left:auto;
  font-style:normal;
  color:#6d7471;
  font-size:7px;
}
.output-printer-shell.printing{
  box-shadow:inset 0 3px 0 rgba(255,255,255,.78),0 13px 22px rgba(76,69,58,.18),0 0 0 3px rgba(63,143,183,.07);
}
.output-printer-shell.printing .output-slot span{
  animation:slotMotor .18s linear infinite alternate;
}
@keyframes slotMotor{
  from{transform:translateX(-1px)}
  to{transform:translateX(1px)}
}

/* A4 pages are hidden by JS-capable browsers until the print queue ejects them. */
.js .print-sheet{display:none}
.js .print-sheet.printing,
.js .print-sheet.printed{display:block}
.js .print-sheet.printing{
  animation:paperEject .86s cubic-bezier(.2,.72,.18,1) both;
  transform-origin:50% 0;
  will-change:transform,opacity,clip-path;
}
@keyframes paperEject{
  0%{
    opacity:.08;
    transform:translateY(-115px) scaleY(.16) scaleX(.985);
    clip-path:inset(0 0 84% 0 round 1px);
    box-shadow:0 2px 3px rgba(60,55,47,.07);
  }
  45%{
    opacity:1;
    transform:translateY(-52px) scaleY(.62) scaleX(.993);
    clip-path:inset(0 0 35% 0 round 1px);
  }
  82%{
    transform:translateY(9px) scaleY(1) scaleX(1);
    clip-path:inset(0 0 0 0 round 1px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    clip-path:inset(0 0 0 0 round 1px);
  }
}
.a4-sheet.printed{
  animation:paperSettle .28s ease-out both;
}
@keyframes paperSettle{
  from{transform:translateY(5px)}
  to{transform:translateY(0)}
}
.print-queue{position:relative}

/* Tiny print progress marker without adding another screen. */
.print-progress{
  display:none;
}

/* Detail pages can use the same output animation without forcing A4 aspect. */
.js .detail-print-sheet{display:none}
.js .detail-print-sheet.printing,
.js .detail-print-sheet.printed{display:block}

/* More vertical breathing room; side machines remain visible. */
.left-printer .paper-tray,
.right-printer .paper-tray{margin-left:22px;margin-right:22px}

@media(max-width:1420px){
  .nav-lcd{min-height:128px}
  .feature-keypad{gap:6px}
  .feature-keypad button{height:35px}
}

@media(max-width:900px){
  .sticky-device{position:static;max-height:calc(100vh - 86px);overflow:auto}
  .nav-device,.advertiser-device{padding-top:0}
  .js .print-sheet{display:none}
  .js .print-sheet.printing,.js .print-sheet.printed{display:block}
}

@media(max-width:620px){
  .feature-keypad{grid-template-columns:repeat(4,1fr)}
  .feature-keypad button{height:34px}
  .nav-lcd{min-height:132px}
}

/* ============================================================
   V6 — full-height side machines + shorter paper + true slot eject
   ============================================================ */

:root{
  --a4w:700px;
  --side-device-height:calc(100vh - 112px);
}

/* Fill the viewport vertically while keeping small top/bottom breathing room. */
.machine-layout{
  min-height:calc(100vh - 70px);
  padding-top:18px;
  padding-bottom:18px;
  align-items:start;
}
.side-printer{
  min-height:var(--side-device-height);
}
.sticky-device{
  top:82px;
  height:var(--side-device-height);
  max-height:none;
  overflow:visible;
  padding-bottom:0;
}
.nav-device,
.advertiser-device{
  display:flex;
  flex-direction:column;
  min-height:var(--side-device-height);
  height:var(--side-device-height);
}
.nav-device .printer-body,
.advertiser-device .printer-body{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.nav-device-body{
  padding:20px 16px 22px;
}
.nav-lcd{
  min-height:205px;
  flex:0 0 205px;
  margin-bottom:18px;
}
.brand-keypad{
  flex:0 0 auto;
}
.feature-keypad{
  margin-top:auto;
  padding-top:18px;
}
.left-printer .paper-tray,
.right-printer .paper-tray{
  flex:0 0 44px;
  width:auto;
}
.printer-feet{
  flex:0 0 10px;
}

/* Right machine: the advertisement screen becomes the machine's main face. */
.ad-device-body{
  padding:16px 15px 18px;
}
.ad-screen-frame{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  padding:10px;
}
.ad-screen-glass{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  width:100%;
  aspect-ratio:auto;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
}
.ad-neon-title{
  position:relative;
  z-index:3;
  min-height:36px;
  margin:0;
  border:0;
  border-bottom:1px solid rgba(141,226,199,.35);
  border-radius:0;
  background:linear-gradient(180deg,#1d2827,#131b1a);
  color:#96efd2;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.035);
  text-shadow:0 0 8px rgba(71,224,179,.45);
  animation:fragileScreenBlink 1.65s steps(2,end) infinite;
}
@keyframes fragileScreenBlink{
  0%,52%,100%{opacity:1;color:#a5f2d9}
  53%,66%{opacity:.42;color:#66bd9f}
}
.ad-screen-glass .house-ad,
.ad-screen-glass .house-placeholder{
  min-height:0;
  height:100%;
}
.ad-screen-glass .house-ad img{
  object-fit:contain;
}

/* The slot sits on the very bottom edge of the printer head so paper starts there. */
.central-printer-head,
.output-only-head{
  margin-bottom:-15px;
  z-index:8;
}
.output-printer-shell,
.central-printer-top{
  position:relative;
  height:78px;
  padding:15px 28px 0;
  overflow:visible;
}
.output-slot,
.central-output-slot{
  position:absolute;
  left:28px;
  right:28px;
  bottom:-13px;
  height:30px;
  margin:0;
  z-index:9;
}
.output-slot span,
.central-output-slot span{
  margin-top:7px;
}
.print-queue{
  position:relative;
  z-index:2;
  padding-top:0;
}

/* Keep the A4 feeling, but shorten the page slightly as requested. */
.a4-sheet{
  aspect-ratio:210/270;
}
.intro-static-sheet{
  margin-bottom:50px;
}
.a4-stack{
  gap:50px;
}

/* Feed pages reserve their final place invisibly, then travel from the slot to it. */
.js .a4-stack .print-sheet{
  display:none;
}
.js .a4-stack .print-sheet.print-prep{
  display:block;
  opacity:0;
  pointer-events:none;
}
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{
  display:block;
}
.js .a4-stack .print-sheet.printing{
  animation:paperEjectFromSlot 1.24s cubic-bezier(.18,.7,.16,1) both;
  transform-origin:50% 0;
  will-change:transform,opacity,clip-path;
  z-index:6;
}
@keyframes paperEjectFromSlot{
  0%{
    opacity:.1;
    transform:translateY(var(--print-start-y,-120px)) scaleY(.08) scaleX(.985);
    clip-path:inset(0 0 90% 0 round 1px);
    box-shadow:0 2px 3px rgba(60,55,47,.06);
  }
  34%{
    opacity:1;
    transform:translateY(var(--print-mid-y,-70px)) scaleY(.48) scaleX(.992);
    clip-path:inset(0 0 50% 0 round 1px);
  }
  72%{
    transform:translateY(var(--print-near-y,-18px)) scaleY(.96) scaleX(1);
    clip-path:inset(0 0 4% 0 round 1px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    clip-path:inset(0 0 0 0 round 1px);
  }
}
.a4-sheet.printed{
  animation:paperSettleV6 .32s ease-out both;
}
@keyframes paperSettleV6{
  0%{transform:translateY(7px)}
  70%{transform:translateY(-1px)}
  100%{transform:translateY(0)}
}

/* Slightly rebalance internal paper geometry after shortening the sheets. */
.a4-intro-content{top:138px}
.a4-post-body{bottom:104px}
.a4-action-zone{bottom:54px}
.a4-footer-line{bottom:26px}
.a4-ad-body{top:88px;bottom:70px}

@media(max-width:1420px){
  :root{--side-device-height:calc(100vh - 108px)}
  .nav-lcd{min-height:178px;flex-basis:178px}
}

@media(max-width:900px){
  :root{--side-device-height:auto}
  .side-printer{min-height:0}
  .sticky-device,
  .nav-device,
  .advertiser-device{
    height:auto;
    min-height:0;
    max-height:calc(100vh - 86px);
    overflow:auto;
  }
  .nav-device .printer-body,
  .advertiser-device .printer-body{display:block}
  .nav-lcd{min-height:145px;flex-basis:auto}
  .feature-keypad{margin-top:2px;padding-top:0}
  .ad-screen-glass{aspect-ratio:4/5;display:grid}
  .a4-stack{gap:34px}
  .intro-static-sheet{margin-bottom:34px}
}

@media(max-width:620px){
  .a4-sheet{aspect-ratio:210/272}
  .a4-stack{gap:28px}
  .intro-static-sheet{margin-bottom:28px}
}


/* ============================================================
   V7 — narrower central A4 output + right-side functions panel
   ============================================================ */
:root{
  --a4w:560px;
  --feed-printer-width:620px;
}

.mobile-machine-controls button:last-child{min-width:102px}
.feed-machine-column{
  max-width:var(--feed-printer-width);
  margin:0 auto;
}
.output-only-head,
.print-queue,
.pagination{
  max-width:var(--feed-printer-width);
  margin-left:auto;
  margin-right:auto;
}
.output-only-head{margin-bottom:-14px}
.output-printer-shell,
.central-printer-top{
  max-width:var(--feed-printer-width);
  margin:0 auto;
  height:76px;
}
.output-slot,
.central-output-slot{
  left:56px;
  right:56px;
}

.a4-stack{
  gap:50px !important;
  justify-items:center;
}
.a4-sheet{
  width:min(100%,var(--a4w)) !important;
  aspect-ratio:210/282;
}
.a4-feed-intro.a4-sheet{aspect-ratio:210/265}
.intro-sheet{margin-bottom:0 !important}
.a4-margin-guide{inset:28px 34px}
.a4-doc-head{left:42px;right:42px;top:26px}
.a4-footer-line{left:42px;right:42px;bottom:24px}
.a4-intro-content{left:54px;right:54px;top:120px}
.a4-intro-content h1{font-size:34px;margin:14px 0 16px}
.a4-intro-content p{font-size:15px;line-height:1.65;max-width:100%}
.a4-post-body{left:46px;right:46px;top:64px;bottom:98px}
.post-title{font-size:26px;margin:16px 0 10px}
.post-excerpt{font-size:14px;line-height:1.62}
.a4-action-zone{left:42px;right:42px;bottom:46px}

/* left device: screen upper half, brand buttons lower half */
.nav-device-body{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.nav-lcd{
  flex:0 0 46%;
  min-height:300px;
  margin-bottom:0;
}
.brand-keypad{
  flex:1 1 auto;
  align-content:start;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.feature-keypad{display:none !important}
.brand-keypad .physical-key{
  min-height:44px;
}

/* right device becomes function panel */
.utility-device .printer-body{
  padding:18px 14px 20px;
}
.utility-screen-frame{
  flex:1 1 auto;
  min-height:0;
  display:flex;
}
.utility-screen-glass{
  width:100%;
  min-height:0;
  border-radius:14px;
  border:1px solid #394548;
  background:radial-gradient(circle at 50% 0%,#1f2d31 0,#141b1d 44%,#101518 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.045), inset 0 18px 30px rgba(58,77,82,.18);
  padding:12px 10px 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.utility-panel-top{
  border-bottom:1px solid rgba(130,235,207,.22);
  padding:4px 2px 10px;
  text-align:center;
}
.utility-panel-top strong{
  display:block;
  color:#9ef0d5;
  font:900 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  text-shadow:0 0 10px rgba(87,221,180,.25);
}
.utility-panel-top span{
  display:block;
  margin-top:5px;
  color:#6ab49c;
  font:800 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.14em;
}
.utility-list{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  padding-right:4px;
  display:flex;
  flex-direction:column;
  gap:8px;
  scrollbar-width:thin;
}
.utility-row{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:10px;
  align-items:center;
  padding:8px 4px;
  border-bottom:1px dashed rgba(156,226,205,.12);
}
.utility-row:last-child{border-bottom:0}
.utility-button{
  border:1px solid #788286;
  background:linear-gradient(180deg,#697174,#4a5053);
  color:#fff;
  border-radius:999px;
  min-height:36px;
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 6px rgba(0,0,0,.18);
  cursor:pointer;
}
.utility-copy strong{
  display:block;
  margin-bottom:3px;
  color:#f2f5f4;
  font-size:12px;
  letter-spacing:-.02em;
}
.utility-copy span{
  display:block;
  color:#98a5a7;
  font-size:10px;
  line-height:1.45;
}
.ad-neon-title,
.ad-screen-frame,
.ad-screen-glass{display:none !important}

/* keep side machines full height with breathing room */
.machine-layout{
  grid-template-columns:310px minmax(580px,620px) 310px;
  gap:28px;
}
.side-printer{min-height:var(--side-device-height)}
.sticky-device{
  top:82px;
  height:var(--side-device-height);
}

@media(max-width:1420px){
  :root{--a4w:540px;--feed-printer-width:590px}
  .machine-layout{grid-template-columns:286px minmax(540px,590px) 286px;gap:24px}
  .nav-lcd{min-height:250px}
}
@media(max-width:1180px){
  .machine-layout{grid-template-columns:270px minmax(0,1fr) 270px}
  :root{--a4w:520px;--feed-printer-width:560px}
}
@media(max-width:900px){
  :root{--a4w:100%;--feed-printer-width:100%}
  .machine-layout{display:block;padding:20px 14px 60px}
  .nav-lcd{min-height:180px;flex-basis:auto}
  .brand-keypad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .utility-list{max-height:340px}
  .a4-sheet{width:100% !important}
  .output-slot,.central-output-slot{left:24px;right:24px}
}

/* ============================================================
   V8 — full-width feed printer, reverse collated paper queue,
   left 40% LCD + CMYK controls, black right utility printer
   ============================================================ */
:root{
  --v8-center:760px;
  --v8-paper:590px;
  --v8-left:310px;
  --v8-right:340px;
}

.machine-layout{
  max-width:1560px;
  grid-template-columns:var(--v8-left) var(--v8-center) var(--v8-right) !important;
  gap:32px !important;
  padding-top:18px;
}
.feed-machine-column{
  width:var(--v8-center) !important;
  max-width:var(--v8-center) !important;
  min-width:var(--v8-center) !important;
  margin:0 auto;
}
.output-only-head,
.central-printer-head,
.print-queue,
.pagination{
  width:100% !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.output-only-head{
  margin-bottom:-14px !important;
}
.output-printer-shell,
.central-printer-top{
  width:100% !important;
  max-width:none !important;
  height:88px !important;
  padding:14px 24px 0 !important;
  border-radius:25px 25px 12px 12px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.55),transparent 28%),
    linear-gradient(160deg,#f3f0e7,#d8d3c8 58%,#bbb6ab) !important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.78),0 14px 24px rgba(75,68,56,.18) !important;
}
.output-printer-brand,.central-brand{
  height:20px;
  display:flex;
  align-items:center;
}
.output-printer-brand em{
  margin-left:auto;
  font-style:normal;
  color:#7c837f;
}
.output-slot,
.central-output-slot{
  position:absolute !important;
  width:80% !important;
  left:10% !important;
  right:auto !important;
  bottom:-13px !important;
  height:34px !important;
  margin:0 !important;
  border-radius:8px 8px 15px 15px !important;
  background:linear-gradient(180deg,#4d5151,#262b2c 52%,#121516) !important;
  border:1px solid #757a78 !important;
  box-shadow:inset 0 9px 13px rgba(0,0,0,.62),0 2px 2px rgba(255,255,255,.35) !important;
}
.output-slot span,.central-output-slot span{
  width:88% !important;
  height:6px !important;
  margin:7px auto 0 !important;
  background:#080a0a !important;
  box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 2px 3px rgba(0,0,0,.8) !important;
}

.print-queue{
  padding-top:0 !important;
  overflow:visible;
}
.a4-stack{
  display:grid;
  gap:50px !important;
  justify-items:center;
  width:100%;
}
.a4-sheet{
  width:var(--v8-paper) !important;
  max-width:calc(100% - 22px) !important;
  aspect-ratio:210/297 !important;
  margin:0 auto !important;
}
.a4-feed-intro.a4-sheet{
  aspect-ratio:210/286 !important;
}
.a4-margin-guide{inset:30px 38px !important}
.a4-doc-head{left:45px !important;right:45px !important;top:28px !important}
.a4-footer-line{left:45px !important;right:45px !important;bottom:25px !important}
.a4-intro-content{left:58px !important;right:58px !important;top:128px !important}
.a4-intro-content h1{font-size:36px !important;margin:15px 0 16px !important}
.a4-intro-content p{font-size:15px !important;line-height:1.66 !important;max-width:100% !important}
.a4-post-body{left:50px !important;right:50px !important;top:66px !important;bottom:104px !important}
.a4-action-zone{left:45px !important;right:45px !important;bottom:49px !important}
.post-title{font-size:27px !important;margin:17px 0 11px !important}
.post-excerpt{font-size:14px !important;line-height:1.66 !important}

/* Every hidden sheet reserves nothing. Reverse printing inserts each new page above
   the existing ones; JS FLIP animates the old pages downward. */
.js .a4-stack .print-sheet{display:none}
.js .a4-stack .print-sheet.print-prep{
  display:block;
  opacity:0;
  pointer-events:none;
}
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{display:block}
.js .a4-stack .print-sheet.printing{
  animation:v8PaperEject 1.28s cubic-bezier(.18,.73,.16,1) both !important;
  transform-origin:50% 0;
  will-change:transform,opacity,clip-path;
  z-index:8;
}
@keyframes v8PaperEject{
  0%{
    opacity:.08;
    transform:translateY(var(--print-start-y,-120px)) scaleY(.025) scaleX(.96);
    clip-path:inset(0 0 97% 0 round 1px);
    box-shadow:0 1px 2px rgba(60,55,47,.04);
  }
  18%{
    opacity:1;
    transform:translateY(calc(var(--print-start-y,-120px) * .78)) scaleY(.18) scaleX(.975);
    clip-path:inset(0 0 82% 0 round 1px);
  }
  48%{
    transform:translateY(var(--print-mid-y,-60px)) scaleY(.55) scaleX(.99);
    clip-path:inset(0 0 45% 0 round 1px);
  }
  80%{
    transform:translateY(var(--print-near-y,-12px)) scaleY(.95) scaleX(1);
    clip-path:inset(0 0 5% 0 round 1px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    clip-path:inset(0 0 0 0 round 1px);
  }
}
.a4-sheet.printed{
  animation:v8PaperSettle .3s ease-out both !important;
}
@keyframes v8PaperSettle{
  0%{transform:translateY(6px)}
  70%{transform:translateY(-1px)}
  100%{transform:translateY(0)}
}

/* Page change: existing papers are pulled back into the printer and crumpled. */
.paper-page-changing .output-printer-shell{animation:v8PrinterReverse .72s ease-in-out both}
@keyframes v8PrinterReverse{
  0%,100%{transform:translateY(0)}
  28%{transform:translateY(2px)}
  55%{transform:translateY(-2px)}
  72%{transform:translateY(1px)}
}
.a4-sheet.paper-shred-out{
  animation:v8PaperShred .68s cubic-bezier(.65,.04,.76,.38) var(--shred-delay,0ms) both !important;
  transform-origin:50% 0;
  pointer-events:none;
  z-index:20 !important;
}
@keyframes v8PaperShred{
  0%{
    opacity:1;
    transform:translateY(0) rotate(0deg) scale(1);
    clip-path:inset(0 0 0 0);
    filter:none;
  }
  24%{
    transform:translateY(-12px) rotate(-1.2deg) scaleX(.97) scaleY(.96);
    clip-path:polygon(0 0,100% 0,98% 91%,91% 86%,84% 96%,76% 87%,68% 97%,59% 88%,50% 97%,41% 88%,32% 97%,23% 87%,15% 95%,7% 88%,0 94%);
  }
  58%{
    opacity:.9;
    transform:translateY(calc(var(--shred-y,-180px) * .55)) rotate(2deg) scaleX(.56) scaleY(.48);
    filter:contrast(.92) blur(.3px);
  }
  100%{
    opacity:0;
    transform:translateY(var(--shred-y,-180px)) rotate(-2deg) scaleX(.10) scaleY(.035);
    clip-path:inset(0 4% 88% 4% round 5px);
    filter:blur(2px);
  }
}

/* LEFT: LCD takes roughly 40% of the machine. Four CMYK-like physical buttons above it. */
.nav-device-body{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:18px 16px 20px !important;
}
.lcd-color-keys{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:9px;
  padding:2px 7px 1px;
}
.lcd-color-key{
  height:24px;
  border-radius:999px;
  border:1px solid rgba(55,58,58,.48);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.36),0 3px 5px rgba(76,70,60,.15);
  cursor:pointer;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.lcd-color-key:active,.lcd-color-key.color-key-active{transform:translateY(2px);filter:brightness(1.15)}
.color-yellow{background:linear-gradient(#f7da54,#c8a624)}
.color-red{background:linear-gradient(#f17669,#bd3f38)}
.color-blue{background:linear-gradient(#58aee7,#2e78aa)}
.color-green{background:linear-gradient(#55d790,#22965b)}
.nav-lcd{
  flex:0 0 40% !important;
  min-height:0 !important;
  margin:0 !important;
}
.brand-keypad{
  flex:1 1 auto !important;
  align-content:start !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  padding-top:2px;
}
.brand-keypad .physical-key{min-height:44px !important}
.feature-keypad{display:none !important}

/* RIGHT: a distinct black multifunction-printer form inspired by the supplied reference. */
.right-printer{min-width:0}
.black-utility-printer{
  position:sticky;
  top:82px;
  height:var(--side-device-height);
  max-height:calc(100vh - 94px);
  display:flex;
  flex-direction:column;
  padding-top:4px;
  filter:drop-shadow(0 22px 28px rgba(45,42,37,.26));
}
.black-printer-lid{
  position:relative;
  height:78px;
  margin:0 8px -4px;
  border-radius:18px 18px 8px 8px;
  background:linear-gradient(155deg,#343638,#1c1f21 52%,#111315);
  border:1px solid #0c0e0f;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.08),0 6px 9px rgba(0,0,0,.22);
}
.black-lid-panel{
  position:absolute;
  left:48px;right:48px;top:13px;height:34px;
  border-radius:4px;
  border:1px solid #0b0d0e;
  background:linear-gradient(180deg,#282b2d,#17191a);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.6);
}
.black-lid-controls{
  position:absolute;right:13px;top:12px;display:flex;gap:5px
}
.black-lid-controls i{width:7px;height:7px;border-radius:50%;background:#4b5153;box-shadow:inset 0 1px 1px rgba(255,255,255,.15)}
.black-lid-controls i:first-child{background:#54b9e4}
.black-lid-controls i:nth-child(2){background:#de5b77}
.black-lid-controls i:nth-child(3){background:#e8bd4b}
.black-printer-upper{
  position:relative;
  height:78px;
  background:linear-gradient(180deg,#25282a,#171a1c 72%,#101214);
  border:1px solid #0b0d0e;
  border-radius:8px 8px 2px 2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.black-center-badge{
  position:absolute;left:50%;top:9px;transform:translateX(-50%);
  width:112px;height:30px;border-radius:2px;
  background:linear-gradient(180deg,#333638,#191b1d);
  border:1px solid #0d0f10;
}
.black-center-badge:after{
  content:"PY";position:absolute;inset:0;display:grid;place-items:center;
  color:#ddd;font:800 11px Georgia,serif;letter-spacing:.12em
}
.black-ink-window{
  position:absolute;left:13px;top:13px;width:36px;height:50px;border-radius:3px;
  background:#0c0f10;border:2px solid #34383a;box-shadow:inset 0 0 8px rgba(0,0,0,.7)
}
.black-ink-window span{position:absolute;left:9px;right:9px;bottom:7px;height:24px;border-radius:2px;background:linear-gradient(180deg,#343b3e,#111516)}
.black-ink-bank{
  position:absolute;right:12px;top:13px;width:47px;height:50px;border-radius:3px;
  background:#0d1011;border:2px solid #34383a;padding:6px;display:flex;gap:3px;align-items:flex-end
}
.black-ink-bank i{flex:1;height:35px;border-radius:2px;background:#2989d2;box-shadow:inset 0 0 4px rgba(0,0,0,.45)}
.black-ink-bank i:nth-child(2){background:#d34069}
.black-ink-bank i:nth-child(3){background:#e68b29}
.black-output-mouth{
  height:34px;
  margin:-15px 34px 0;
  position:relative;
  z-index:3;
  border-radius:3px 3px 9px 9px;
  background:linear-gradient(180deg,#0b0d0e,#191c1d 65%,#24282a);
  border:1px solid #090b0c;
  box-shadow:inset 0 7px 10px rgba(0,0,0,.72),0 2px 0 rgba(255,255,255,.04)
}
.black-output-mouth span{position:absolute;left:16%;right:16%;top:8px;height:4px;border-radius:999px;background:#020303}
.black-function-face{
  flex:1 1 auto;
  min-height:0;
  margin:0 4px;
  padding:16px 14px 15px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(165deg,#242729,#141719 56%,#0d0f10);
  border:1px solid #0a0c0d;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.04),inset 0 -20px 34px rgba(0,0,0,.28)
}
.black-function-face .utility-list{
  height:100%;
  overflow:auto;
  padding:0 3px 0 0;
  display:flex;
  flex-direction:column;
  gap:3px;
  scrollbar-width:thin;
  scrollbar-color:#596064 #16191a;
}
.black-function-face .utility-row{
  display:grid;
  grid-template-columns:55px 1fr;
  gap:9px;
  align-items:center;
  min-height:54px;
  padding:7px 3px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.black-function-face .utility-row:last-child{border-bottom:0}
.black-function-face .utility-button{
  min-height:34px;
  border-radius:6px;
  border:1px solid #727a7d;
  background:linear-gradient(180deg,#5b6265,#3c4244);
  color:white;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 4px rgba(0,0,0,.28);
  font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.black-function-face .utility-button.key-active{
  background:linear-gradient(180deg,#4e927d,#28624f);
  box-shadow:0 0 10px rgba(84,210,167,.28),inset 0 1px 0 rgba(255,255,255,.22)
}
.black-function-face .utility-copy strong{
  display:block;color:#f0f1ef;font-size:12px;margin-bottom:3px
}
.black-function-face .utility-copy span{
  display:block;color:#9da4a4;font-size:9.5px;line-height:1.35
}
.black-printer-base{
  height:43px;
  margin:0 10px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#1f2224,#101214);
  border:1px solid #090b0c;
  position:relative
}
.black-printer-base span{position:absolute;left:20%;right:20%;top:11px;height:5px;border-radius:999px;background:#080a0a;box-shadow:inset 0 2px 2px #000}
.black-printer-feet{height:11px;display:flex;justify-content:space-between;padding:0 33px}
.black-printer-feet i{width:43px;height:9px;border-radius:0 0 4px 4px;background:#17191a}

/* hide legacy right-device visuals if old partial CSS still exists */
.right-printer .printer-device,
.right-printer .paper-tray,
.right-printer .printer-feet,
.utility-panel-top,
.utility-screen-frame,
.utility-screen-glass{ }

@media(max-width:1500px){
  :root{--v8-center:690px;--v8-paper:535px;--v8-left:290px;--v8-right:315px}
  .machine-layout{gap:24px !important}
  .nav-lcd{flex-basis:40% !important}
}
@media(max-width:1280px){
  :root{--v8-center:620px;--v8-paper:480px;--v8-left:270px;--v8-right:285px}
  .machine-layout{gap:18px !important;padding-inline:16px !important}
  .black-function-face .utility-row{grid-template-columns:49px 1fr;gap:7px}
  .black-function-face .utility-copy span{font-size:8.7px}
}
@media(max-width:980px){
  :root{--v8-center:100%;--v8-paper:100%}
  .feed-machine-column{width:100% !important;max-width:760px !important;min-width:0 !important}
  .machine-layout{display:block !important;padding:20px 14px 60px !important}
  .output-only-head,.central-printer-head,.print-queue{max-width:760px !important}
  .a4-sheet{width:min(590px,100%) !important}
  .nav-lcd{flex:0 0 auto !important;min-height:190px !important}
  .black-utility-printer{height:auto;max-height:calc(100vh - 90px);overflow:auto}
  .black-function-face .utility-list{max-height:430px}
}
@media(max-width:620px){
  .a4-sheet{width:100% !important;aspect-ratio:210/297 !important}
  .a4-stack{gap:30px !important}
  .output-slot,.central-output-slot{width:86% !important;left:7% !important}
  .lcd-color-keys{gap:6px;padding-inline:2px}
  .lcd-color-key{height:20px}
  .black-printer-lid{height:65px}
  .black-printer-upper{height:68px}
}


/* ============================================================
   V9 — fixed side printers + simple fast top-stack paper flow
   ============================================================ */
:root{
  --v9-left:312px;
  --v9-center:760px;
  --v9-right:332px;
  --v9-paper:560px;
  --v9-stack-h:760px;
}
html,body{height:100%}
body{
  overflow:hidden;
}
.machine-layout{
  max-width:1520px !important;
  grid-template-columns:var(--v9-left) var(--v9-center) var(--v9-right) !important;
  gap:28px !important;
  align-items:start !important;
  min-height:calc(100vh - 78px) !important;
  height:calc(100vh - 78px) !important;
  padding:18px 22px 18px !important;
  overflow:hidden !important;
}
.side-printer,
.feed-machine-column{min-height:0 !important}
.feed-machine-column{
  width:var(--v9-center) !important;
  max-width:var(--v9-center) !important;
  min-width:var(--v9-center) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  overflow:hidden !important;
}
.sticky-device{
  position:sticky !important;
  top:82px !important;
  height:calc(100vh - 112px) !important;
  max-height:none !important;
  overflow:hidden !important;
}
.nav-device-body,
.black-utility-printer{
  height:100% !important;
}
.nav-device-body{
  display:flex !important;
  flex-direction:column !important;
}
.lcd-color-keys{padding-bottom:8px !important}
.nav-lcd{
  flex:0 0 40% !important;
  min-height:0 !important;
}
.brand-keypad{
  flex:1 1 auto !important;
  align-content:start !important;
  align-items:start !important;
}
.black-function-face,
.utility-list{
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
}
.output-only-head,
.central-printer-head{
  width:100% !important;
  margin:0 0 8px !important;
  flex:0 0 auto !important;
}
.output-printer-shell,
.central-printer-top{
  height:90px !important;
}
.output-slot,
.central-output-slot{
  width:80% !important;
  left:10% !important;
  height:34px !important;
  bottom:-14px !important;
}
.print-queue{
  width:100% !important;
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:hidden !important;
  padding:0 !important;
}
.a4-stack{
  position:relative !important;
  width:100% !important;
  height:var(--v9-stack-h) !important;
  min-height:var(--v9-stack-h) !important;
  max-height:var(--v9-stack-h) !important;
  overflow:hidden !important;
  display:block !important;
}
.a4-sheet{
  width:var(--v9-paper) !important;
  max-width:var(--v9-paper) !important;
  aspect-ratio:210/280 !important;
  margin:0 !important;
}
.a4-feed-intro.a4-sheet{aspect-ratio:210/270 !important}
.js .a4-stack .print-sheet,
.js .a4-stack .print-sheet.print-prep,
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  display:block !important;
}
.js .a4-stack .print-sheet{display:none !important}
.js .a4-stack .print-sheet.print-prep{display:block !important;opacity:0 !important;pointer-events:none !important}
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{display:block !important}
.js .a4-stack .print-sheet.printing{
  animation:v9PaperEject .76s cubic-bezier(.22,.76,.18,1) both !important;
  transform-origin:50% 0 !important;
  will-change:transform,opacity,clip-path !important;
}
@keyframes v9PaperEject{
  0%{
    opacity:.18;
    transform:translateY(var(--print-start-y,-120px)) scaleY(.04) scaleX(.985);
    clip-path:inset(0 0 95% 0 round 1px);
  }
  40%{
    opacity:1;
    transform:translateY(var(--print-mid-y,-55px)) scaleY(.45) scaleX(.992);
    clip-path:inset(0 0 52% 0 round 1px);
  }
  78%{
    transform:translateY(var(--print-near-y,-8px)) scaleY(.96) scaleX(1);
    clip-path:inset(0 0 4% 0 round 1px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    clip-path:inset(0 0 0 0 round 1px);
  }
}
.a4-sheet.printed{animation:none !important}
.a4-margin-guide{inset:28px 36px !important}
.a4-doc-head{left:42px !important;right:42px !important;top:26px !important}
.a4-footer-line{left:42px !important;right:42px !important;bottom:22px !important}
.a4-intro-content{left:54px !important;right:54px !important;top:122px !important}
.a4-post-body{left:48px !important;right:48px !important;top:62px !important;bottom:94px !important}
.a4-action-zone{left:42px !important;right:42px !important;bottom:43px !important}
.post-title{font-size:26px !important}
.post-excerpt{font-size:14px !important;line-height:1.62 !important}
.pagination{display:none !important}
.a4-sheet.paper-shred-out{
  animation:v9PaperCrumple .48s cubic-bezier(.62,.05,.82,.34) var(--shred-delay,0ms) both !important;
  transform-origin:50% 50% !important;
  z-index:120 !important;
  pointer-events:none !important;
}
@keyframes v9PaperCrumple{
  0%{
    opacity:1;
    transform:scale(1) rotate(0deg);
    clip-path:inset(0 0 0 0);
    filter:none;
  }
  30%{
    transform:translateY(-8px) scale(.95) rotate(-1.5deg);
    clip-path:polygon(0 0,100% 0,97% 86%,91% 79%,86% 91%,79% 82%,71% 93%,64% 83%,56% 92%,49% 82%,41% 93%,34% 84%,27% 94%,18% 82%,10% 92%,0 85%);
  }
  100%{
    opacity:0;
    transform:translateY(18px) scale(.14) rotate(4deg);
    clip-path:inset(26% 31% 28% 33% round 12px);
    filter:blur(1.8px);
  }
}
@media (max-width: 1400px){
  :root{--v9-left:284px;--v9-center:680px;--v9-right:302px;--v9-paper:520px;--v9-stack-h:720px}
  .machine-layout{gap:20px !important;padding-inline:16px !important}
}
@media (max-width: 1180px){
  body{overflow:auto}
  .machine-layout{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important}
  .feed-machine-column{width:100% !important;max-width:none !important;min-width:0 !important;overflow:visible !important}
  .sticky-device{position:static !important;height:auto !important;overflow:auto !important}
  .a4-stack{height:auto !important;min-height:640px !important;max-height:none !important}
}


/* ============================================================
   V10 — straight paper exit, 10px banknote stack, no desktop scroll
   ============================================================ */
:root{
  --v10-left:310px;
  --v10-center:740px;
  --v10-right:320px;
  --v10-paper-w:min(510px, calc((100vh - 190px) * .7071));
  --v10-stage-h:calc(100vh - 184px);
}

@media(min-width:1181px){
  body.feed-desktop-fixed{overflow:hidden !important}
  body.feed-desktop-fixed .machine-layout{
    height:calc(100vh - 72px) !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.feed-desktop-fixed .side-printer,
  body.feed-desktop-fixed .feed-machine-column{height:100% !important;min-height:0 !important}
  body.feed-desktop-fixed .sticky-device{
    position:sticky !important;
    top:82px !important;
    height:calc(100vh - 104px) !important;
    max-height:none !important;
    overflow:hidden !important;
  }
}

.machine-layout{
  max-width:1490px !important;
  grid-template-columns:var(--v10-left) var(--v10-center) var(--v10-right) !important;
  gap:28px !important;
  padding:18px 20px 18px !important;
  align-items:start !important;
}
.feed-machine-column{
  width:var(--v10-center) !important;
  min-width:var(--v10-center) !important;
  max-width:var(--v10-center) !important;
  margin:0 auto !important;
  overflow:visible !important;
}

/* Center printer = full column, output mouth = 80% */
.output-only-head,.central-printer-head{
  width:100% !important;
  max-width:none !important;
  margin:0 0 0 !important;
}
.output-printer-shell,.central-printer-top{
  width:100% !important;
  max-width:none !important;
  height:84px !important;
  padding:13px 24px 0 !important;
  border-radius:22px 22px 10px 10px !important;
}
.output-slot,.central-output-slot{
  width:80% !important;
  left:10% !important;
  right:auto !important;
  bottom:-13px !important;
  height:34px !important;
  margin:0 !important;
}
.output-slot span,.central-output-slot span{width:91% !important}

/* Stage sits directly under the slot; all sheets overlap like bank notes. */
.print-queue{
  width:100% !important;
  height:var(--v10-stage-h) !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
}
.paper-stack-stage{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}
.a4-stack{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
}
.a4-sheet{
  width:var(--v10-paper-w) !important;
  max-width:var(--v10-paper-w) !important;
  aspect-ratio:210/297 !important;
  margin:0 !important;
}
.a4-feed-intro.a4-sheet{aspect-ratio:210/286 !important}

/* Never let the sheet jump left: center is fixed; only --stack-x changes by 10px. */
.js .a4-stack .print-sheet,
.js .a4-stack .print-sheet.print-prep,
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{
  position:absolute !important;
  left:calc(50% + var(--stack-x,0px)) !important;
  top:0 !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
}
.js .a4-stack .print-sheet{display:none !important}
.js .a4-stack .print-sheet.print-prep{display:block !important;opacity:0 !important;pointer-events:none !important}
.js .a4-stack .print-sheet.printing,
.js .a4-stack .print-sheet.printed{display:block !important}

/* Straight down only: NO scale, NO zoom. Paper is simply revealed from the mouth. */
.js .a4-stack .print-sheet.printing{
  animation:v10StraightPaper .60s linear both !important;
  transform:translateX(-50%) !important;
  clip-path:inset(0 0 100% 0) !important;
  will-change:clip-path,opacity !important;
}
@keyframes v10StraightPaper{
  0%{opacity:.92;clip-path:inset(0 0 100% 0)}
  20%{opacity:1;clip-path:inset(0 0 79% 0)}
  45%{clip-path:inset(0 0 54% 0)}
  70%{clip-path:inset(0 0 28% 0)}
  100%{opacity:1;clip-path:inset(0 0 0 0)}
}
.a4-sheet.printed{animation:none !important}
.stack-moving{transition:left .22s ease, box-shadow .22s ease !important}
.is-active-sheet{filter:none !important}

/* Paper navigation. First page: only right. Last page: only left. JS controls hidden. */
.paper-stack-nav{
  position:absolute !important;
  top:46% !important;
  z-index:220 !important;
  width:42px !important;
  height:58px !important;
  border:1px solid #8d8981 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#f1eee6,#cbc6bb) !important;
  color:#3f4648 !important;
  font-size:34px !important;
  line-height:1 !important;
  font-family:Arial,sans-serif !important;
  box-shadow:0 7px 14px rgba(69,62,51,.18),inset 0 1px 0 #fff !important;
  cursor:pointer !important;
}
.paper-stack-nav[hidden]{display:none !important}
.paper-stack-prev{left:calc(50% - (var(--v10-paper-w) / 2) - 62px) !important}
.paper-stack-next{right:calc(50% - (var(--v10-paper-w) / 2) - 62px) !important}
.paper-stack-nav:hover{background:linear-gradient(180deg,#fffdf7,#d7d1c6) !important}

/* Compact paper typography after reducing size. */
.a4-margin-guide{inset:25px 32px !important}
.a4-doc-head{left:38px !important;right:38px !important;top:24px !important}
.a4-footer-line{left:38px !important;right:38px !important;bottom:21px !important}
.a4-intro-content{left:48px !important;right:48px !important;top:112px !important}
.a4-intro-content h1{font-size:31px !important;margin:13px 0 14px !important}
.a4-intro-content p{font-size:14px !important;line-height:1.58 !important}
.a4-post-body{left:44px !important;right:44px !important;top:58px !important;bottom:88px !important}
.post-title{font-size:24px !important;margin:14px 0 9px !important}
.post-excerpt{font-size:13px !important;line-height:1.58 !important}
.a4-action-zone{left:38px !important;right:38px !important;bottom:39px !important}

/* Crumple toward center when changing page/menu. */
.a4-sheet.paper-shred-out{
  animation:v10CrumpleCenter .40s cubic-bezier(.65,.02,.83,.37) var(--crumple-delay,0ms) both !important;
  transform-origin:50% 50% !important;
  z-index:300 !important;
  pointer-events:none !important;
}
@keyframes v10CrumpleCenter{
  0%{opacity:1;transform:translateX(-50%) scale(1) rotate(0);filter:none}
  45%{opacity:.96;transform:translateX(-50%) scale(.68,.74) rotate(-2deg);clip-path:polygon(5% 7%,95% 3%,91% 91%,77% 85%,67% 96%,54% 84%,42% 95%,28% 85%,12% 93%)}
  100%{opacity:0;transform:translateX(-50%) scale(.06) rotate(8deg);clip-path:inset(40% 43% 42% 43% round 12px);filter:blur(1.6px)}
}

/* Left: fixed, screen about 40%, brand buttons below. */
.nav-device-body{display:flex !important;flex-direction:column !important;overflow:hidden !important}
.nav-lcd{flex:0 0 40% !important;min-height:0 !important;margin-bottom:12px !important}
.brand-keypad{flex:1 1 auto !important;align-content:start !important;overflow:hidden !important}

/* Right: remove the decorative black printer top; function body starts immediately. */
.v10-utility-printer{
  display:flex !important;
  flex-direction:column !important;
  padding-top:0 !important;
  filter:drop-shadow(0 20px 26px rgba(47,41,33,.22)) !important;
}
.v10-function-face{
  flex:1 1 auto !important;
  min-height:0 !important;
  border-radius:18px 18px 24px 24px !important;
  background:linear-gradient(160deg,#292d2e,#121617 58%,#0d1011) !important;
  border:1px solid #4c5152 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -18px 30px rgba(0,0,0,.22) !important;
  padding:14px 13px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.black-device-brand{
  flex:0 0 auto !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:2px 4px 11px !important;
  color:#a8b3b4 !important;
  font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace !important;
  letter-spacing:.15em !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.black-device-brand i{width:8px;height:8px;border-radius:50%;background:#38d88a;box-shadow:0 0 8px rgba(56,216,138,.55)}
.v10-function-face .utility-list{flex:1 1 auto !important;min-height:0 !important;overflow:hidden !important;display:grid !important;grid-template-rows:repeat(10,minmax(0,1fr)) !important;gap:0 !important}
.v10-function-face .utility-row{min-height:0 !important;padding:5px 2px !important}
.v10-function-face .utility-copy strong{font-size:11px !important}
.v10-function-face .utility-copy span{font-size:9px !important;line-height:1.3 !important}
.v10-black-base{flex:0 0 36px !important;margin-top:6px !important}

.pagination{display:none !important}

@media(max-width:1400px){
  :root{--v10-left:282px;--v10-center:650px;--v10-right:292px;--v10-paper-w:min(470px, calc((100vh - 185px) * .7071))}
  .machine-layout{gap:18px !important;padding-inline:14px !important}
}
@media(max-width:1180px){
  body.feed-desktop-fixed{overflow:auto !important}
  .machine-layout{display:block !important;height:auto !important;min-height:0 !important;overflow:visible !important}
  .feed-machine-column{width:100% !important;min-width:0 !important;max-width:none !important}
  .sticky-device{position:static !important;height:auto !important;max-height:calc(100vh - 86px) !important;overflow:auto !important}
  .print-queue{height:auto !important;min-height:620px !important}
  .paper-stack-stage{min-height:620px !important}
}