/* Kyntrix OS Mk 1 visual language for the content pages (master plan §16.2):
   blueprint grid, glass panels with corner brackets, HUD labels, Rajdhani for
   reading text and headings, Share Tech Mono for labels and figures.
   Loaded after every other page stylesheet; it restyles, it does not re-lay-out. */
:root{
  --mk-abyss:#020a11;--mk-glass:rgba(6,27,40,.8);--mk-glass-hi:rgba(10,46,66,.84);--mk-line:#1b5d74;--mk-line-hi:#2aa9cf;
  --mk-cyan:#3ccff2;--mk-ice:#bdf1ff;--mk-text:#d3ebf2;--mk-muted:#9cc0cc;--mk-amber:#f2b44c;
  --mk-grid:rgba(60,207,242,.05);--mk-grid-major:rgba(60,207,242,.09);--mk-bracket:12px;
  --mk-ui:'Rajdhani','Share Tech Mono',system-ui,sans-serif;--mk-mono:'Share Tech Mono',ui-monospace,monospace;
}
body,.embedded body{
  background:
    radial-gradient(ellipse 80% 40% at 70% 0,rgba(18,82,112,.3),transparent 70%) no-repeat,
    linear-gradient(var(--mk-grid-major) 1px,transparent 1px) 0 0/128px 128px,
    linear-gradient(90deg,var(--mk-grid-major) 1px,transparent 1px) 0 0/128px 128px,
    linear-gradient(var(--mk-grid) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,var(--mk-grid) 1px,transparent 1px) 0 0/32px 32px,
    var(--mk-abyss);
  color:var(--mk-text);font-family:var(--mk-ui);font-weight:500;font-size:17px;letter-spacing:.01em}
p,li,dd,td,summary,label,input,select,textarea{font-family:var(--mk-ui)}
p{line-height:1.55}
h1,h2,h3,h4{font-family:var(--mk-ui);font-weight:600;color:var(--mk-ice);letter-spacing:.01em}
.page-hero h1,.purchase-hero h1,.hero h1{font-weight:600;letter-spacing:.005em;line-height:1.02}
em{color:var(--mk-cyan);font-style:normal}
.page-lead{font-family:var(--mk-ui);font-size:1.12rem;line-height:1.55;color:var(--mk-muted)}
.mono,.eyebrow,.status-label,.section-label,.source-note,.price span,.preorder-badge,.inline-note,.purchase-note{font-family:var(--mk-mono)}
a{color:var(--mk-cyan)}
:focus-visible{outline:2px solid var(--mk-ice);outline-offset:3px}

/* sections sit on the grid, separated by a fine rule like native panes */
.section-pad{background:transparent}
.page-section,.page-cta,.faq-section,.contribution-section,.two-column-section.section-pad{border-top:1px solid var(--mk-line)}
.section-label{position:relative;padding:0 0 8px 14px;border-bottom:1px solid var(--mk-line);color:var(--mk-muted);letter-spacing:.12em}
.section-label::before{content:"";position:absolute;left:0;top:2px;width:7px;height:7px;border:solid var(--mk-cyan);border-width:2px 0 0 2px}
.section-label span:first-child{color:var(--mk-cyan)}

/* top bar: the Mk 1 frame with corner brackets */
.header{--bc:var(--mk-line-hi);border:1px solid var(--mk-line);border-radius:0;box-shadow:none;
  background:
    linear-gradient(var(--bc),var(--bc)) top left/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) top left/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) top right/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) top right/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) bottom left/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) bottom left/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) bottom right/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) bottom right/2px var(--mk-bracket) no-repeat,
    rgba(4,20,30,.92)}
.header .brand,footer .brand{font-family:var(--mk-ui);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--mk-ice);text-shadow:0 0 12px rgba(60,207,242,.4)}
.header nav a{font-family:var(--mk-mono);font-weight:400;letter-spacing:.06em;text-transform:uppercase;font-size:13px;border-radius:0}
.header nav a[aria-current="page"]{background:rgba(16,70,95,.6);color:var(--mk-ice);box-shadow:inset 0 -2px 0 var(--mk-cyan)}

/* controls */
.button{border-radius:0;font-family:var(--mk-ui);font-weight:600;letter-spacing:.08em;font-size:15px}
.button.primary{border:1px solid var(--mk-cyan);background:linear-gradient(180deg,rgba(26,100,134,.75),rgba(10,52,74,.85));color:var(--mk-ice);box-shadow:0 0 18px rgba(60,207,242,.16)}
.button.primary:hover{background:linear-gradient(180deg,rgba(36,122,160,.85),rgba(14,66,92,.9))}
.text-link{font-family:var(--mk-mono);letter-spacing:.04em}
.back-to-top{border-radius:0;font-family:var(--mk-mono)}

/* glass panels with corner brackets */
.purchase-card,.status-grid article,.worker-offer-strip,.refund-strip,.preorder-notice,.product-native-capture,.native-gallery-card,.numbered-grid>*,.price-table,.worker-form,.profile-output,.dev-demo-player,.kickstarter-embeds>*,.network-visual,.ai-visual{
  --bc:var(--mk-line-hi);border:1px solid var(--mk-line);border-radius:0;
  background:
    linear-gradient(var(--bc),var(--bc)) top left/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) top left/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) top right/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) top right/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) bottom left/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) bottom left/2px var(--mk-bracket) no-repeat,
    linear-gradient(var(--bc),var(--bc)) bottom right/var(--mk-bracket) 2px no-repeat,linear-gradient(var(--bc),var(--bc)) bottom right/2px var(--mk-bracket) no-repeat,
    var(--mk-glass)}
.purchase-highlight,.selected-product,.refund-strip{--bc:var(--mk-cyan);border-color:var(--mk-line-hi)}
.purchase-highlight{background-color:var(--mk-glass-hi)}
.numbered-grid>*{padding:18px 20px 22px}
.large-number{font-family:var(--mk-mono);color:var(--mk-cyan);text-shadow:0 0 14px rgba(60,207,242,.35)}
.price{font-family:var(--mk-mono);color:var(--mk-cyan);text-shadow:0 0 16px rgba(60,207,242,.3)}
.preorder-badge{border-radius:0;border-color:var(--mk-line-hi);color:var(--mk-cyan);letter-spacing:.1em}
.status-label{color:var(--mk-cyan);letter-spacing:.12em}
.preorder-notice{--bc:var(--mk-amber)}
.worker-offer-value{font-family:var(--mk-mono)}

/* FAQ rows read like a status list */
.faq-section details{border-color:var(--mk-line)}
.faq-section summary{font-family:var(--mk-ui);font-weight:600;font-size:1.05rem;letter-spacing:.02em;color:var(--mk-text)}
.faq-section summary:hover,.faq-section details[open] summary{color:var(--mk-ice)}
.faq-section details p{color:var(--mk-muted)}

/* forms */
input,select,textarea{border-radius:0}
.worker-form input,.worker-form select,.worker-form textarea,.profile-output textarea{background:rgba(2,12,19,.85);border:1px solid var(--mk-line);color:var(--mk-text)}
.worker-form input:focus,.worker-form select:focus,.worker-form textarea:focus{border-color:var(--mk-cyan)}

/* small print stays readable in Rajdhani */
.purchase-card li,.price-context,.standard-price span,.purchase-card>p{font-size:15px}
.purchase-note,.preorder-notice p,.source-note,.inline-note{font-size:13.5px}
.worker-offer-strip p,.refund-strip p{font-size:16px}

/* footer: a quiet status bar */
footer{background:rgba(3,15,23,.92);border-top:1px solid var(--mk-line)}
footer span,footer a{font-family:var(--mk-ui);font-size:15px}
footer a{color:var(--mk-muted)}
footer a:hover{color:var(--mk-ice)}

/* readable on small screens */
@media(max-width:760px){
  body,.embedded body{font-size:16px}
  .header nav a{font-size:14px}
  .numbered-grid>*{padding:16px}
}
@media(prefers-contrast:more){:root{--mk-muted:#c6dde5;--mk-line:#4a9cb8}}