/* Shared component styles for all 003 pages (theme tokens live in ../themes/default.css) */
html { scroll-behavior: smooth; }
body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; }

.paper-tex {
  background-color:#f4f3ef;
  background-image:
    radial-gradient(circle at 18% 25%, rgba(43,184,196,.05) 0, transparent 42%),
    radial-gradient(circle at 85% 70%, rgba(22,34,77,.05) 0, transparent 42%);
}
.tri-cut    { clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%); }
.tri-cut-up { clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%); }

.device { transition: max-width .25s ease; margin:0 auto; }
.device.bordered { box-shadow:0 0 0 1px #d9d7ce, 0 30px 60px rgba(22,34,77,.18); border-radius:18px; overflow:hidden; }

.nav-link { font-size:14px; font-weight:600; color:rgba(255,255,255,.82); transition:color .15s; }
.nav-link:hover, .nav-link.active { color:#2bb8c4; }

/* checklist row */
.chk { display:flex; gap:.6rem; align-items:flex-start; font-size:.875rem; color:#5b6478; }
.chk svg { flex:none; width:18px; height:18px; color:#2bb8c4; margin-top:2px; }