.manual-page{color:#0d0d0d;font-family:var(--font-dm-sans), "DM Sans", sans-serif;background-color:#f2f2e8;overflow-x:hidden}.chapter-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.chapter-cover:before{content:"";opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.chapter-cover--dark{color:#f2f2e8;background-color:#0d0d0d}.chapter-cover--teal{color:#fff;background-color:#005050}.chapter-cover--offwhite{color:#0d0d0d;background-color:#f2f2e8}.chapter-number{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,15vw,10rem);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chapter-cover--dark .chapter-number{color:#fff}.chapter-cover--teal .chapter-number{color:#fff;opacity:.08}.chapter-label{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.35em;z-index:1;margin-bottom:1.5rem;font-size:10px;position:relative}.tech-badge{font-family:var(--font-space-mono), "Space Mono", monospace;letter-spacing:.15em;text-transform:uppercase;color:#f2f2e8cc;z-index:1;background:#0050500d;border:1px solid #0050504d;border-radius:4px;align-items:center;gap:12px;padding:6px 14px;font-size:9px;display:flex;position:relative}.tech-badge__code{opacity:.5}.tech-badge__divider{background:#00505066;width:1px;height:10px}.tech-badge__ver{color:#005050;font-weight:700}.chapter-title{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;z-index:1;font-size:clamp(2rem,7vw,4.5rem);font-style:italic;font-weight:700;line-height:1.1;position:relative}.chapter-subtitle{font-family:var(--font-dm-sans), "DM Sans", sans-serif;opacity:.6;z-index:1;max-width:480px;margin-top:1.5rem;font-size:clamp(.875rem,2vw,1.125rem);line-height:1.6;position:relative}.manual-section{max-width:1100px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,4rem)}.manual-section+.manual-section{border-top:1px solid #0000000f}.section-label{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.3em;color:#005050;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:9px;display:flex}.section-label:before{content:"";background:#005050;width:24px;height:1px}.section-title{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(1.75rem,5vw,2.8rem);font-style:italic;font-weight:700;line-height:1.1}.section-body{color:#333;max-width:720px;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.8}.section-body p+p{margin-top:1.25rem}.section-body strong{color:#0d0d0d;font-weight:600}.section-body em{color:#005050;font-style:italic}.manual-section--dark{color:#f2f2e8;background:#0d0d0d;max-width:none;padding-left:0;padding-right:0}.manual-section--dark .section-body{color:#f2f2e8b3}.manual-section--dark .section-body strong{color:#f2f2e8}.manual-section--dark .section-label{color:#08a0a8}.manual-section--dark .section-label:before{background:#08a0a8}.manual-section--dark-inner{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,5vw,4rem)}.color-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.color-swatch{border:1px solid #0000000f;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.color-swatch:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.color-swatch__preview{width:100%;height:120px}.color-swatch__info{background:#fff;padding:1rem 1.25rem}.color-swatch__name{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.color-swatch__values{font-family:var(--font-space-mono), "Space Mono", monospace;color:#666;flex-direction:column;gap:.25rem;font-size:10px;display:flex}.type-specimen{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.type-specimen__item{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:2rem}.type-specimen__font-name{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.2em;color:#005050;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:10px;display:flex}.type-specimen__sample{margin-bottom:1rem}.type-specimen__usage{color:#666;border-top:1px solid #0000000f;padding-top:1rem;font-size:.8125rem;line-height:1.6}.logo-display{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.logo-card{border:1px solid #0000000f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:220px;padding:3rem 2rem;transition:transform .3s;display:flex}.logo-card:hover{transform:scale(1.02)}.logo-card--dark{background:#0d0d0d;border-color:#0000}.logo-card--light{background:#f2f2e8}.logo-card--teal{background:#005050}.logo-card--white{background:#fff}.logo-card__label{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.25em;opacity:.5;font-size:9px}.misuse-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.misuse-card{text-align:center;background:#fff;border:2px solid #e8e8e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:1.5rem;display:flex;position:relative}.misuse-card__label{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.15em;color:#dc2626;margin-top:1rem;font-size:10px}.values-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.value-card{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:2rem;transition:border-color .3s,transform .3s}.value-card:hover{border-color:#005050;transform:translateY(-2px)}.value-card__number{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;color:#005050;opacity:.2;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1}.value-card__title{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.value-card__text{color:#666;font-size:.8125rem;line-height:1.6}.app-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.app-card{background:#fff;border:1px solid #0000000f;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.app-card__preview{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.app-card__content{padding:1.25rem 1.5rem}.app-card__title{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;margin-bottom:.25rem;font-size:1.125rem}.app-card__desc{color:#666;font-size:.8125rem;line-height:1.5}.manual-separator{background:linear-gradient(90deg,#0000,#00000014,#0000);max-width:1100px;height:1px;margin:0 auto}.spec-table{border-collapse:collapse;width:100%;margin-top:1.5rem;font-size:.8125rem}.spec-table th{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.2em;text-align:left;color:#0d0d0d;border-bottom:2px solid #0d0d0d;padding:.75rem 1rem;font-size:9px}.spec-table td{color:#444;border-bottom:1px solid #0000000f;padding:.75rem 1rem}.spec-table tr:last-child td{border-bottom:none}.pillar-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.pillar{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:12px;padding:2rem 1.5rem}.pillar__icon{margin-bottom:.75rem;font-size:2rem}.pillar__name{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;margin-bottom:.35rem;font-size:1.25rem}.pillar__desc{color:#666;font-size:.75rem;line-height:1.5}.thankyou-section{text-align:center;color:#f2f2e8;background:#0d0d0d;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.thankyou-section:before{content:"";opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-top:1.5rem;overflow-x:auto}.table-responsive-wrapper .spec-table{min-width:500px;margin-top:0}@media (max-width:640px){.color-grid{grid-template-columns:repeat(2,1fr)}.logo-display{grid-template-columns:1fr}.misuse-grid{grid-template-columns:repeat(2,1fr)}.values-grid,.app-grid{grid-template-columns:1fr}.pillar-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.color-grid,.misuse-grid,.pillar-grid{grid-template-columns:1fr}}.hierarchy-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.hierarchy-item{background:#fff;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex}.hierarchy-item__level{font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.15em;color:#005050;white-space:nowrap;min-width:60px;font-size:9px}.hierarchy-item__divider{background:#00000014;flex-shrink:0;width:1px;height:32px}.toc-list{flex-direction:column;gap:0;margin:2rem 0 0;padding:0;list-style:none;display:flex}.toc-item{border-bottom:1px solid #f2f2e814;align-items:baseline;gap:1rem;padding:1rem 0;transition:padding-left .3s;display:flex}.toc-item:hover{padding-left:.5rem}.toc-item__num{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;color:#005050;min-width:40px;font-size:1.5rem}.toc-item__title{font-family:var(--font-josefin-sans), "Josefin Sans", sans-serif;text-transform:uppercase;font-size:1.25rem}.toc-item__sub{opacity:.4;font-size:.75rem;font-family:var(--font-space-mono), "Space Mono", monospace;text-transform:uppercase;letter-spacing:.15em;margin-left:auto}.hl-teal{color:#005050;font-weight:600}.hl-box{color:#fff;background:#005050;border-radius:4px;padding:.1em .4em;font-weight:600;display:inline-block}.brand-quote{color:#333;background:#0050500a;border-left:3px solid #005050;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem 2rem;font-size:clamp(1rem,2vw,1.25rem);font-style:italic;line-height:1.7}.manual-nav{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}@media (max-width:768px){.manual-nav{display:none}}.manual-nav__dot{cursor:pointer;background:#00000026;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.manual-nav__dot:hover{background:#005050;transform:scale(1.5)}.manual-nav__dot--active{background:#005050;transform:scale(1.4)}