.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.spec-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:32px 24px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.spec-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.spec-label{font-size:.85rem;font-weight:700;color:var(--bs-primary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px}.spec-value{font-size:1.5rem;font-weight:800;color:var(--color-text-dark);margin-bottom:8px}.spec-value-inch,.spec-value-pixel{font-size:.95rem;color:var(--color-text-muted);margin-bottom:4px}.spec-description{font-size:1rem;color:var(--color-text-dark);margin-top:20px;border-top:1px solid var(--color-border-light);padding-top:20px}.visual-explanation{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:40px;margin-bottom:48px;box-shadow:0 4px 6px #00000005}.bleed-diagram{max-width:100%;height:auto;margin:32px auto}.dimension-label-large{font-family:inherit;font-size:16px;font-weight:700;fill:var(--bs-primary)}.center-label{font-family:inherit;font-size:18px;font-weight:700;fill:var(--color-text-dark)}.center-label-sub{font-family:inherit;font-size:14px;fill:var(--color-text-muted)}.center-label-note{font-family:inherit;font-size:12px;fill:var(--color-text-muted);opacity:.7;font-style:italic}.bleed-label{font-family:inherit;font-size:12px;fill:var(--color-danger);font-weight:700}.dimension-label,.dimension-label-inner{font-family:inherit;font-size:11px;fill:var(--color-text-muted)}.legend-text{font-family:inherit;font-size:12px;fill:var(--color-text-dark)}.legend-text-small{font-family:inherit;font-size:11px;fill:var(--color-text-muted)}.zone-label-red{font-family:inherit;font-size:12px;font-weight:700;fill:var(--color-danger)}.zone-label-orange{font-family:inherit;font-size:12px;font-weight:700;fill:var(--color-warning)}.zone-label-green{font-family:inherit;font-size:12px;font-weight:700;fill:var(--color-success)}.zone-annotation-red{font-family:inherit;font-size:11px;fill:var(--color-danger);font-style:italic}.zone-annotation-orange{font-family:inherit;font-size:11px;fill:var(--color-warning);font-style:italic}.safe-zone-text{font-family:inherit;font-size:8px;font-weight:700;fill:var(--color-success)}.dimension-text-small{font-family:inherit;font-size:10px;fill:var(--color-text-muted)}.formula{background-color:var(--color-bg-light);border-radius:12px;padding:24px;font-size:1.25rem;text-align:center;margin:40px 0;border:1px solid var(--color-border);color:var(--color-text-dark);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.formula strong{color:var(--bs-primary)}.highlight-box{background-color:var(--color-bg-highlight);border-left:6px solid var(--bs-primary);padding:24px;margin-bottom:40px;border-radius:4px 12px 12px 4px}.highlight-box strong{color:var(--bs-primary)}.image-placeholder{background-color:var(--color-bg-light);border:2px dashed var(--color-border);border-radius:12px;padding:64px 32px;text-align:center;color:var(--color-text-muted)}.download-section{background-color:var(--color-bg-highlight);padding:24px;margin-bottom:40px;border-radius:12px}.download-section h3{margin-top:0;color:var(--bs-primary)}.template-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:24px}.btn-template{flex:1;min-width:220px;display:flex;align-items:center;justify-content:center;background-color:var(--bs-primary);border:2px solid var(--bs-primary);border-radius:12px;padding:18px 24px;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-template svg{width:24px;height:24px;margin-right:12px}.btn-template:hover{background-color:#fff;color:var(--bs-primary);transform:translateY(-4px);box-shadow:0 12px 30px #667eea40}.tip-list{list-style:none;padding-left:0;margin:1.5rem 0}.tip-list li{position:relative;padding-left:2.5rem;margin-bottom:1rem;line-height:1.5}.tip-list li:before{content:"\2713";position:absolute;left:0;color:var(--color-success);font-weight:700;font-size:1.3rem}
