.technology-site { background:var(--studio-paper,#fbfaf7);color:var(--studio-ink,#1a1918); }
.technology-site .tech-shell { max-width:1080px;margin:auto;padding:2rem clamp(1.25rem,5vw,3rem) 5rem; }
.tech-breadcrumb { font-size:.8rem;margin:1rem 0 3rem;color:#666; }
.tech-heading { padding-bottom:2.5rem;border-bottom:1px solid #dad8d2;margin-bottom:2.5rem; }
.tech-heading h1 { font-size:clamp(2.2rem,6vw,4rem);line-height:1.08;letter-spacing:-.04em;max-width:18ch;margin:1rem 0;overflow-wrap:anywhere; }
.tech-heading>p:last-child { max-width:65ch;font-size:1.15rem;color:#62615b;line-height:1.65; }
.tech-content { font-size:1rem;line-height:1.8;overflow-wrap:anywhere; }
.tech-content h2 { font-size:1.7rem;line-height:1.25;margin:2.4rem 0 1rem;letter-spacing:-.025em; }
.tech-content h3 { font-size:1.15rem;line-height:1.4;margin:1.8rem 0 .6rem; }
.tech-content p,.tech-content ul,.tech-content ol { margin:1rem 0; }
.tech-content ul,.tech-content ol { padding-left:1.5rem; }
.tech-content a,.tech-breadcrumb a,.tech-footer a { color:#ac275a;text-underline-offset:3px; }
.tech-content .studio-button { color:white; }
.tech-cards { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem; }
.tech-cards>section { padding:1.5rem;border:1px solid #d9d6d0;border-radius:12px; }
.tech-cards h2 { margin-top:.5rem; }.tech-tag { font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#666; }
.tech-note { font-size:.875rem;color:#62615b; }.tech-actions { display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem; }
.tech-content pre { background:#242321;color:#f6f4ef;padding:1.25rem;border-radius:8px;overflow:auto;font-size:.86rem;line-height:1.6;margin:1.5rem 0;white-space:pre; }
.tech-content code { font-family:ui-monospace,monospace;font-size:.9em; }.tech-content :not(pre)>code { background:#eeece6;padding:.12rem .3rem;border-radius:3px; }
.tech-content table { border-collapse:collapse;width:100%;font-size:.9rem; }.tech-content th,.tech-content td { padding:.8rem;text-align:left;border-bottom:1px solid #d9d6d0;vertical-align:top; }.tech-table { overflow:auto; }
.tech-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }.tech-content form { margin-top:2rem;max-width:760px; }.tech-content input,.tech-content select,.tech-content textarea { width:100%;box-sizing:border-box; }.tech-content section[id] { scroll-margin-top:7rem; }
.tech-footer { display:flex;gap:1.5rem;flex-wrap:wrap;border-top:1px solid #d9d6d0;padding:2rem clamp(1.25rem,5vw,3rem);font-size:.8rem; }
@media(max-width:600px) { .tech-cards,.tech-form-grid { grid-template-columns:1fr; }.technology-site .studio-header { flex-wrap:wrap;gap:.8rem; }.technology-site .studio-header nav { flex-wrap:wrap;gap:1rem; }.technology-site .studio-header nav a:nth-child(n) { display:inline; }.tech-content table { display:block;overflow:auto; }.tech-heading h1 { max-width:100%; } }