/* Fix 3D Prints - lightweight static styles. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8faf7;color:#17211b;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

h1,h2,h3{font-weight:700;letter-spacing:0;line-height:1.25}
h1{font-size:clamp(1.8rem,1rem + 4vw,2.8rem)}
h2{font-size:clamp(1.2rem,0.7rem + 2vw,1.6rem)}
h3{font-size:1rem}

.accent{color:#0f766e}
.accent-bg{background:#0f766e;color:#fff}

.muted{color:#647067}

.wrap{max-width:1040px;margin:0 auto;padding:0 1rem}
.stack > * + * {margin-top:1rem}
.stack-lg > * + * {margin-top:2rem}
.flex{display:flex;gap:1rem}
.flex-wrap{flex-wrap:wrap}
.flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.center{text-align:center}

.hero{padding:3.5rem 0 2.5rem}
.hero-kicker{display:inline-flex;align-items:center;margin-bottom:0.9rem;padding:0.18rem 0.55rem;border:1px solid #cad7cf;background:#fff;font-size:0.78rem;font-weight:700;color:#0f766e}
.hero-copy{font-size:1.08rem;max-width:620px;margin:0 auto 1.5rem}
.hero-note{font-size:0.82rem;max-width:560px;margin:0 auto}
.section-head{margin-bottom:1.5rem}
.section-eyebrow{font-size:0.78rem;font-weight:700;color:#0f766e;text-transform:uppercase;letter-spacing:.08em}

.nav{position:sticky;top:0;z-index:10;background:rgba(248,250,247,.96);border-bottom:1px solid #d8e1dc;backdrop-filter:saturate(140%) blur(8px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:3.5rem}
.nav-logo{font-weight:800;font-size:1.02rem;letter-spacing:0}
.nav-logo:hover{color:#0f766e}
.nav-links{display:flex;gap:1.5rem;font-size:0.85rem}
.nav-links a:hover{color:#0f766e}

.card{border:1px solid #d8e1dc;background:#fff;padding:1.15rem;border-radius:8px}
.card:hover{border-color:#0f766e}
.card-lg{padding:2rem}

.card-img{aspect-ratio:4/3;background:#e9f0ec;overflow:hidden;margin:-1.15rem -1.15rem 1rem -1.15rem;border-radius:8px 8px 0 0}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-img-placeholder{display:flex;align-items:center;justify-content:center;color:#89968d;font-size:0.8rem}
.entry-card{display:grid;gap:.45rem;min-height:9rem}
.entry-card .entry-mark{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cad7cf;background:#f2f7f4;color:#0f766e;font-weight:800;border-radius:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;padding:0.6rem 1.25rem;font:inherit;font-size:0.9rem;font-weight:700;border:1px solid #0f766e;border-radius:7px;background:#0f766e;color:#fff;cursor:pointer}
.btn:hover{background:#115e59;border-color:#115e59}
.btn-outline{background:transparent;color:#17211b;border-color:#b8c8bf}
.btn-outline:hover{background:#17211b;color:#fff;border-color:#17211b}
.btn-lg{padding:0.8rem 1.75rem;font-size:1rem}
.btn-sm{padding:0.4rem 0.75rem;font-size:0.8rem;border-width:1px}

.tag{display:inline-flex;align-items:center;font-size:0.72rem;padding:0.15em 0.55em;border:1px solid #d8e1dc;background:#fff;font-weight:600;border-radius:999px}
.tag-easy{border-color:#166534;color:#166534}
.tag-medium{border-color:#854d0e;color:#854d0e}
.tag-hard{border-color:#991b1b;color:#991b1b}

.tbl{width:100%;border-collapse:collapse;font-size:0.85rem}
.tbl th,.tbl td{padding:0.6rem 0.8rem;text-align:left;border-bottom:1px solid #d8e1dc}
.tbl th{background:#eef5f1;font-weight:700}
.tbl tr:hover td{background:#f2f7f4}

.crumbs{font-size:0.8rem;color:#78716c;margin-bottom:1.5rem}
.crumbs a:hover{color:#0f766e}
.crumbs span{color:#17211b}

.steps{display:flex;gap:0.5rem;margin-bottom:2rem}
.step-dot{flex:1;height:4px;background:#d8e1dc}
.step-dot.done{background:#0f766e}
.step-dot.current{background:#17211b}

.q-card{border:1px solid #b8c8bf;border-radius:8px;padding:2rem;background:#fff;max-width:560px;margin:0 auto}
.q-card h2{margin-bottom:1.5rem}
.q-options{display:flex;flex-direction:column;gap:0.6rem}
.q-opt{display:block;width:100%;padding:1rem;border:1px solid #d8e1dc;border-radius:7px;background:#fff;font:inherit;font-size:0.9rem;text-align:left;cursor:pointer}
.q-opt:hover{border-color:#0f766e;background:#eef8f4}

.report-header{border:1px solid #0f766e;border-radius:8px;padding:2rem;text-align:center;background:#eef8f4;max-width:640px;margin:0 auto}
.report-cause{border:1px solid #d8e1dc;border-radius:8px;padding:1.25rem;background:#fff}
.report-cause.primary{border-color:#0f766e;background:#eef8f4}
.stars{font-size:1.1rem;letter-spacing:0.1em}
.stars .on{color:#0f766e}
.stars .off{color:#d8e1dc}

.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;text-align:center}
.settings-item{background:#eef5f1;padding:1rem;border-radius:8px}

.search-box{position:relative;max-width:480px;margin:0 auto}
.search-input{width:100%;padding:0.7rem 1rem 0.7rem 2.4rem;font:inherit;font-size:0.9rem;border:1px solid #b8c8bf;border-radius:8px;background:#fff}
.search-input:focus{outline:none;border-color:#0f766e}
.search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:0.9rem;color:#647067}

.details{border:1px solid #d8e1dc;background:#fff;border-radius:8px}
.details summary{padding:1rem 1.25rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.details summary:hover{color:#0f766e}
.details summary::after{content:"+";font-size:1.2rem}
.details[open] summary::after{content:"-"}
.details .body{padding:0 1.25rem 1.25rem;font-size:0.9rem;line-height:1.7;color:#44403c}

.footer{border-top:1px solid #d8e1dc;padding:2rem 0;margin-top:3rem;font-size:0.8rem;color:#647067;text-align:center}
.footer a:hover{color:#0f766e}

@media print{
  .nav,.footer,.btn{display:none!important}
  .card,.q-card,.report-cause{border:1px solid #000;box-shadow:none}
}

@media(max-width:640px){
  .nav-links{display:none}
  .grid2,.grid3{grid-template-columns:1fr}
  .settings-grid{grid-template-columns:repeat(3,1fr)}
  .q-card{padding:1.25rem}
}