/* ISPDOK v6.1 — task-oriented documentation modules and readable typography.
   Screen-only layer: does not change AOSR A4 paper, page-break rules or print CSS. */
@media screen {
  /* Comfortable typography across all pages */
  .topline{font-size:14px}
  .brand-text small{font-size:12px}
  .desktop-nav a{font-size:15px}
  .btn{font-size:16px;line-height:1.4}
  .btn-small{font-size:15px}
  .eyebrow,.tech-label,.hero-v6-index{font-size:13px;letter-spacing:.11em}
  .staging-ribbon{font-size:12px}
  .hero-v6-intro{font-size:19px}
  .hero-v6-buttons .btn{font-size:16px}
  .hero-v6-mini span{font-size:14px}
  .service-number,.service-card-link{font-size:14px}
  .service-card p{font-size:16px}
  .section-footnote,.footer-bottom,.site-footer p,.footer-grid a,.step p,.project-caption p,.detail-card p{font-size:15px;line-height:1.7}
  .footer-grid h3{font-size:15px}
  .approach-copy>p:not(.lead),.approach-copy .lead,.faq-grid>div:first-child>p,.faq-list p,.service-picker-section p,.request-form label{font-size:16px}
  .step h3{font-size:20px}
  .hero-v6-baseline,.hero-v6-baseline a{font-size:12px}
  .aosr-intro-fighead,.aosr-intro-figfoot{font-size:13px}
  .aosr-field{font-size:15px}
  .aosr-field input,.aosr-field textarea,.aosr-field select{font-size:15px;line-height:1.55}
  .aosr-panel-top p,.aosr-note p,.aosr-utility,.aosr-norm-buttons button{font-size:14px}
  .aosr-kicker,.aosr-sidebar-title{font-size:12px}
  .aosr-step small{font-size:12px}
  .aosr-step b{font-size:15px}
  .aosr-privacy-hint{font-size:13px}
  .aosr-registry-toolbar label{font-size:13px}
  .aosr-result-toolbar .btn{font-size:15px}

  /* Three-step workflow — visual proof of what ISPDOK actually does */
  .workflow-module{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(149,218,233,.31);border-radius:24px;background:#0a2633;box-shadow:0 30px 80px rgba(0,7,16,.40),inset 0 1px 0 rgba(228,251,254,.06)}
  .workflow-top,.workflow-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;color:#d4edf3;border-bottom:1px solid rgba(148,217,234,.15);font:700 12px/1.4 "ISOCPEUR","Bahnschrift",Arial,sans-serif;letter-spacing:.08em}
  .workflow-top>span:first-child{display:flex;align-items:center;gap:12px}
  .workflow-top i{display:inline-block;width:7px;height:7px;background:#92dfc9;border-radius:100%;box-shadow:0 0 0 5px rgba(142,232,211,.1)}
  .workflow-status{border-radius:99px;padding:6px 11px;border:1px solid rgba(137,222,223,.22);color:#9ce6ed;background:rgba(158,224,232,.08);font-size:11px;white-space:nowrap}
  .workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#091d27;border-bottom:1px solid rgba(142,217,229,.23);padding:8px;gap:7px}
  .workflow-tab{min-width:0;border:1px solid transparent;border-radius:11px;padding:12px 8px;color:#b5cad5;font:650 13px/1.25 "Segoe UI",system-ui,sans-serif;transition:background .2s,color .2s,border-color .2s}
  .workflow-tab b{color:#dbaa7d;font:850 13px/1.3 "Bahnschrift",sans-serif;margin-right:6px}
  .workflow-tab:hover{color:#f5fafb;background:rgba(155,221,233,.09)}
  .workflow-tab[aria-selected="true"]{color:#f5fdff;background:#1c4553;border-color:rgba(158,231,235,.30);box-shadow:inset 0 1px rgba(255,255,255,.05)}
  .workflow-display{position:relative;min-width:0}
  .workflow-panel[hidden]{display:none!important}
  .workflow-panel{animation:workflow-in .25s ease both}
  @keyframes workflow-in{from{opacity:.78;transform:translateY(4px)}to{opacity:1;transform:none}}
  .workflow-drawing{position:relative;margin:15px 16px 0;border:1px solid rgba(154,222,238,.23);border-radius:15px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(64,131,149,.30),transparent 65%),repeating-linear-gradient(0deg,transparent 0 25px,rgba(124,213,235,.055) 26px),repeating-linear-gradient(90deg,transparent 0 25px,rgba(124,213,235,.055) 26px),#08202c}
  .workflow-scheme-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bde7ed;padding:15px 18px 0;font:700 12px/1.4 "ISOCPEUR","Bahnschrift",Arial,sans-serif;letter-spacing:.08em}
  .workflow-scheme-tag{color:#ffcfaa;font:700 11px/1.2 "Bahnschrift",sans-serif;border:1px solid rgba(255,208,155,.34);border-radius:8px;padding:5px 8px;white-space:nowrap}
  .foundation-diagram{width:100%;height:260px;display:block;margin:0 auto;max-width:630px}
  .workflow-description{padding:18px 22px 25px;min-height:141px}
  .workflow-seq{display:block;color:#d8a77a;font:700 12px/1.5 "Bahnschrift",sans-serif;letter-spacing:.10em;margin-bottom:6px}
  .workflow-description strong{display:block;color:#f7fafc;font-size:20px;line-height:1.25;letter-spacing:-.02em}
  .workflow-description p{color:#bdd0da;font-size:14px;line-height:1.6;margin:7px 0 0}
  .workflow-bottom{color:#9ebac8;border-top:1px solid rgba(148,217,234,.15);border-bottom:0;font-size:10px;letter-spacing:.03em;line-height:1.55;padding:11px 19px}
  .workflow-bottom>span:last-child{letter-spacing:.2em;color:#d6a778;white-space:nowrap}
  .workflow-proof-head{padding:24px 23px 13px;display:grid;gap:5px}
  .workflow-proof-head span{font:750 11px "Bahnschrift",sans-serif;letter-spacing:.12em;color:#addde3}
  .workflow-proof-head b{font-size:19px;color:#fff;font-weight:700}
  .workflow-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 16px 0}
  .workflow-proof-item{display:flex;flex-direction:column;align-items:flex-start;min-height:146px;border:1px solid rgba(146,219,233,.21);border-radius:13px;padding:15px 16px;background:linear-gradient(145deg,#153743,#0f2c3a);gap:7px}
  .workflow-proof-icon{font:750 13px/1 "Bahnschrift",sans-serif;color:#e1b48b}
  .workflow-proof-item strong{color:#f4f9fc;font-size:15px;line-height:1.32}
  .workflow-proof-item small{font-size:12px;line-height:1.4;color:#a9c6d2}
  .workflow-acts-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:25px 26px 11px;max-width:540px;margin:auto}
  .workflow-paper{background:#f5f6f4;border:1px solid #d8dfdf;border-radius:3px;color:#24323c;min-height:304px;box-shadow:0 12px 27px rgba(0,0,0,.28);padding:17px 14px;display:flex;flex-direction:column;align-items:stretch;gap:9px}
  .workflow-paper>span{font:700 10px "Bahnschrift",sans-serif;color:#56717a;letter-spacing:.06em}
  .workflow-paper>strong{font:700 24px Georgia,serif;letter-spacing:.015em;text-align:center;margin-top:15px}
  .workflow-paper>p{font:400 13px/1.25 Georgia,serif;margin:0 0 10px;text-align:center}
  .workflow-paper>small{font:700 12px/1.25 Georgia,serif;color:#293c48;margin-top:10px}
  .workflow-inkline{height:4px;border-bottom:1px solid #b8c3c6}
  .workflow-inkline.short{width:64%}
  .workflow-signature{width:68%;border-bottom:1px solid #8a959b;margin-top:15px}
  .workflow-description-action{display:flex;align-items:center;gap:15px;justify-content:space-between}
  .workflow-action{display:inline-flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;background:#f2bc8d;color:#122632;font-weight:750;font-size:13px;white-space:nowrap}
  .workflow-action:hover{background:#ffd1aa}

  /* Document-kit checklist replaces arbitrary photo/wireframe slider */
  .blueprint-studio-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,76px);align-items:center}
  .blueprint-studio-note{font-size:16px!important;line-height:1.7}
  .blueprint-studio .text-link{font-size:16px}
  .kit-module{min-width:0;overflow:hidden;background:#102b36;border:1px solid rgba(143,220,229,.32);border-radius:23px;box-shadow:0 20px 56px rgba(0,5,14,.27)}
  .kit-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:#0b2530;border-bottom:1px solid rgba(132,216,229,.16);font:700 12px/1.4 "ISOCPEUR","Bahnschrift",sans-serif;color:#c5e4e9;letter-spacing:.08em}
  .kit-status{color:#a2ebd9;font-size:11px}
  .kit-content{padding:26px 26px 22px}
  .kit-type-label{font:700 12px/1.4 "ISOCPEUR","Bahnschrift",sans-serif;letter-spacing:.1em;color:#c4dce5;margin-bottom:12px}
  .kit-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}
  .kit-types button{border:1px solid rgba(150,217,230,.24);background:#163542;border-radius:9px;padding:11px 13px;min-height:43px;color:#d2e7ef;font:680 13px/1.35 "Segoe UI",sans-serif;transition:background .2s}
  .kit-types button[aria-pressed="true"]{color:#112d38;border-color:#a4e6ed;background:#a8e9ee}
  .kit-types button:hover:not([aria-pressed="true"]){border-color:#a1dce4;background:#1c4552}
  .kit-progress-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
  .kit-progress-head span{font:750 14px "Segoe UI",sans-serif;color:#e9f3f6}
  .kit-progress-head p{margin:6px 0 0;color:#a9c8d2;font-size:13px;line-height:1.5}
  .kit-progress-head>strong{font:750 27px/1 "Bahnschrift",sans-serif;color:#f7c598;white-space:nowrap}
  .kit-track{height:8px;border-radius:20px;background:rgba(134,191,210,.17);overflow:hidden;margin-bottom:17px}
  #kit-progress-fill{height:100%;background:linear-gradient(90deg,#86d9e3,#e9b787);width:0;transition:width .28s ease;border-radius:20px}
  .kit-checklist{list-style:none;display:grid;gap:7px;margin:0;padding:0}
  .kit-item{min-width:0;background:rgba(5,25,35,.38);border:1px solid rgba(141,217,229,.12);border-radius:11px;transition:background .2s,border-color .2s}
  .kit-item:hover,.kit-item:has(input:checked){background:rgba(29,74,85,.42);border-color:rgba(146,222,228,.27)}
  .kit-item label{display:flex;align-items:flex-start;gap:14px;padding:13px 14px;cursor:pointer}
  .kit-item input{appearance:none;flex:none;width:22px;height:22px;margin:2px 0 0;background:#132e3b;border:1px solid #729dab;border-radius:6px;position:relative;cursor:pointer}
  .kit-item input:checked{background:#ace5e9;border-color:#ace5e9}
  .kit-item input:checked::after{content:"";display:block;width:11px;height:6px;position:absolute;left:4px;top:5px;transform:rotate(-45deg);border-left:2px solid #15333b;border-bottom:2px solid #15333b}
  .kit-item input:focus-visible{outline:2px solid #eab98b;outline-offset:3px}
  .kit-item-copy{display:grid;gap:4px;min-width:0}
  .kit-item-copy strong{color:#f0f8fa;font-size:15px;line-height:1.35}
  .kit-item-copy small{color:#9cbcca;font-size:13px;line-height:1.45}
  .kit-disclaimer{font-size:12px;color:#aac4ce;line-height:1.6;margin:18px 0 0}
  .kit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 26px 24px}
  .kit-export,.kit-open{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 15px;min-height:52px;font:750 14px/1.35 "Segoe UI",sans-serif;border-radius:10px;transition:background .2s,border-color .2s;text-align:center}
  .kit-export{color:#f3fbff;background:#1a414e;border:1px solid rgba(154,223,233,.3)}
  .kit-export:hover{background:#275567;border-color:#b6e9ee}
  .kit-open{color:#0e2a35;background:#f1bb8c;border:1px solid #f1bb8c}
  .kit-open:hover{background:#ffd2ab}
}
@media screen and (max-width:1280px){
  .desktop-nav a{font-size:14px}
  .workflow-tabs{gap:3px}
  .workflow-tab{font-size:12px}
}
@media screen and (max-width:1060px){
  .workflow-module{width:100%;max-width:830px}
  .blueprint-studio-grid{grid-template-columns:1fr}
  .blueprint-studio-copy>p:not(.tech-label){max-width:850px}
}
@media screen and (max-width:780px){
  .hero-v6-intro{font-size:17px}
  .hero-v6-index,.eyebrow{font-size:12px}
  .hero-v6-mini span{font-size:13px}
  .service-card p{font-size:16px}
  .workflow-top,.kit-topline{font-size:11px}
  .workflow-description strong{font-size:19px}
  .aosr-step small{font-size:11px}
}
@media screen and (max-width:530px){
  .workflow-module,.kit-module{border-radius:17px}
  .workflow-top{padding:13px 13px;font-size:10px;line-height:1.3}
  .workflow-top>span:first-child{gap:9px}
  .workflow-status{font-size:9px;padding:5px 8px}
  .workflow-tabs{padding:6px;gap:3px}
  .workflow-tab{padding:11px 4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;font-size:11px;line-height:1.3}
  .workflow-tab b{font-size:11px;margin-right:0}
  .workflow-drawing{margin:10px 9px 0}
  .workflow-scheme-top{padding:10px 10px 0;font-size:9px;gap:5px}
  .workflow-scheme-tag{font-size:9px;padding:4px 5px}
  .foundation-diagram{height:205px}
  .workflow-description{padding:15px 16px 20px;min-height:0}
  .workflow-description strong{font-size:17px}
  .workflow-description p{font-size:13px}
  .workflow-seq{font-size:11px}
  .workflow-bottom{padding:9px 13px;font-size:9px}
  .workflow-bottom>span:last-child{display:none}
  .workflow-proof-head{padding:17px 14px 7px}
  .workflow-proof-head b{font-size:16px}
  .workflow-proof-grid{gap:8px;padding:8px 10px 0}
  .workflow-proof-item{min-height:143px;padding:11px 10px;gap:6px}
  .workflow-proof-item strong{font-size:13px}
  .workflow-proof-item small{font-size:11px}
  .workflow-acts-preview{padding:17px 13px 4px;gap:10px}
  .workflow-paper{padding:12px 9px;min-height:260px}
  .workflow-paper>strong{font-size:20px}
  .workflow-paper>p,.workflow-paper>small{font-size:10px}
  .workflow-description-action{align-items:stretch;flex-direction:column}
  .workflow-action{justify-content:center}
  .kit-topline{padding:14px 13px}
  .kit-status{font-size:9px}
  .kit-content{padding:19px 15px 17px}
  .kit-types{gap:7px;margin-bottom:22px}
  .kit-types button{font-size:12px;padding:9px 10px;min-height:43px}
  .kit-progress-head span{font-size:13px}
  .kit-progress-head>strong{font-size:24px}
  .kit-item label{padding:12px 11px;gap:11px}
  .kit-item-copy strong{font-size:14px}
  .kit-item-copy small{font-size:12px}
  .kit-actions{padding:0 15px 18px;grid-template-columns:1fr}
  .kit-export,.kit-open{font-size:14px}
  .blueprint-studio-note{font-size:15px!important}
  .hero-v6-baseline a{font-size:11px}
}
@media screen and (max-width:360px){
  .workflow-tab{font-size:10px;gap:3px;padding:10px 2px}
  .workflow-status{font-size:8px}
  .kit-types button{flex:1 0 100%;text-align:left}
  .workflow-proof-grid{grid-template-columns:1fr}
  .workflow-proof-item{min-height:unset}
}
@media (prefers-reduced-motion: reduce){
  .workflow-panel{animation:none!important}
  #kit-progress-fill,.kit-item,.workflow-tab{transition:none!important}
}
/* Final readability and sticky-header adjustments */
@media screen {
  .workflow-module,.kit-module{scroll-margin-top:115px}
  .workflow-tab{background:#103440}
  .workflow-tab[aria-selected="false"]{color:#cadde5}
  .workflow-tab[aria-selected="false"]:hover{background:#20505e}
  .workflow-tab[aria-selected="true"]{background:#1c4553}
  .kit-disclaimer{font-size:13px}
}
@media screen and (max-width:530px){
  .workflow-top{font-size:11px}
  .workflow-status,.kit-status{font-size:10px}
  .workflow-bottom{font-size:10px}
  .workflow-scheme-top{font-size:10px}
  .kit-progress-head p{font-size:14px}
}


/* v6.4.1 workflow drawing image replacement */
.workflow-drawing{padding-bottom:14px}
.foundation-diagram{width:100%;height:320px;display:block;margin:10px auto 0;max-width:760px;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(2,14,19,.34));}
@media (max-width: 768px){.workflow-drawing{padding-bottom:10px}.foundation-diagram{height:230px;max-width:none;margin-top:8px}}