/* Reference direction: autumn warmth + Paris print editorial + tailored neutrals.
   Styling only; original record IDs, persistence and comparison workflow remain intact. */
:root{--paper:#f1ecdf;--ink:#30291f;--muted:#746b5a;--line:#d6cbb7;--wine:#785038;--wine-light:#ece0d0;--sage:#505c42;--serif:Georgia,'Times New Roman','Songti SC','Noto Serif CJK SC',serif}
body{background-color:var(--paper);background-image:linear-gradient(105deg,#f9f5e72e,#ded4bc19);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.043;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.sidebar{width:236px;background:#333a2f;color:#ede7d6;border-right:1px solid #292f24;padding:39px 26px 24px}
.logo{gap:15px;letter-spacing:1.6px;font-family:var(--serif);font-size:14px;font-weight:400}.logo small{font-family:var(--sans);color:#c0c3ac;font-size:10px;letter-spacing:1.2px}.monogram{font-size:47px;color:#e9dcc2;width:33px}.monogram span{font-size:13px;right:-3px;top:0}
.season{margin-top:48px;border-bottom-color:#77816942;gap:9px;padding-bottom:27px}.season .eyebrow{color:#b7b89d;font-size:8px;letter-spacing:1.6px}.season strong{font-size:18px;line-height:1.4;color:#f0e5cd}.season>span:last-child{color:#babca4;font-size:11px}
.sidenav{margin-top:24px;gap:8px}.sidenav button{padding:11px 10px;border-radius:1px;color:#c5c9b4;font-size:12px;gap:11px}.sidenav button>span{color:#adb595;font-size:17px}.sidenav button.active{background:#5e674b;color:#faf2df;border:1px solid #80906445}.sidenav button.active>span{color:#d8d7b2}.sidenav button:hover{background:#4a5440;color:#fff8e9}.sidenav b{background:#e2dcc520;color:#e6e4cb;font-size:10px;border-radius:0;padding:0 5px}
.side-note{margin-top:51px;padding-top:17px;border-top:1px solid #77816942}.side-note .eyebrow{font-size:8px;color:#b9b79c}.side-note p{font-family:var(--serif);font-size:14px;color:#d1d0b8;line-height:1.9;margin-top:14px}.note-line{background:#c7a783;width:32px;margin-top:20px}.sidebar-bottom{color:#d4d8bc;border-top:1px solid #77816942;padding-top:21px;font-size:10px}.sidebar-bottom small{color:#a8af94;font-size:9px}.private-dot{background:#b6bf88}
.app-shell{margin-left:236px}.topbar{padding:0 48px;height:75px;background:#f6f0e3a8;border-bottom-color:#d9cfba}.breadcrumb{font-size:11px;color:#6e604b}.breadcrumb span{color:#ad9e86}.top-actions{gap:15px}.save-status{font-size:10px;color:#5c694b}.button{border-radius:2px;font-size:11px;padding:10px 17px;letter-spacing:.15px}.button.primary{background:#4d5840;border:1px solid #4d5840;color:#fff8e7;box-shadow:0 2px 0 #303d2922}.button.primary:hover{background:#38472f}.button.outline{border-color:#c9bca5;background:#fbf7ec;color:#594b36}.button.quiet{color:#716449}.button:focus-visible{outline:2px solid #775135}.button.quiet:hover{background:#e9dfcc}main{padding:0 48px;max-width:1530px}
.intro{grid-template-columns:1fr 1.08fr;gap:47px;padding:44px 0 34px;align-items:center;border-bottom:1px solid #aa9475;position:relative}
.intro:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:#d1c1a7}
.edition-label{font-size:9px;color:#6b6954;letter-spacing:1.8px;gap:13px}.pill{border:1px solid #bbae94;border-radius:0;background:transparent;color:#5b6045;padding:4px 7px;font-size:8px;letter-spacing:1.1px}
.intro h1{font-family:var(--serif);font-weight:400;line-height:.85;letter-spacing:-5px;margin:26px 0 20px;font-size:clamp(68px,7.1vw,114px);color:#332e25}
.intro h1>span{display:block;font-size:clamp(30px,3.3vw,53px);font-style:italic;color:#636548;letter-spacing:-2px;line-height:1.17;margin:10px 0 0 35px}
.intro-title-cn{font-family:var(--serif);font-size:20px;letter-spacing:2.5px;margin:26px 0 11px;color:#594933}
.intro-copy>p{font-size:12px;line-height:1.95;color:#766c59}
.intro-bottom{margin-top:24px;gap:24px;padding-top:17px;border-top:1px solid #d8c9af;font-size:9px;align-items:baseline}.intro-bottom strong{font:23px var(--serif);color:#60543b;margin-right:6px}.intro-bottom a{color:#746041;font-size:10px}
.journal-collage{position:relative;isolation:isolate;min-width:0;height:354px;margin:0 3px 0 15px}
.journal-photo{position:absolute;inset:13px 8px 30px 46px;margin:0;background:#fbf5e5;padding:9px 9px 0;transform:rotate(2.8deg);box-shadow:4px 12px 24px #51412a21,1px 2px 2px #51412a19;z-index:2}
.journal-photo:before{content:"";position:absolute;top:-14px;left:29%;height:31px;width:96px;background:#c5b28d7a;backdrop-filter:blur(.8px);transform:rotate(-5deg);z-index:3;border-left:1px dotted #9b8a6566;border-right:1px dotted #9b8a6566}
.journal-photo img{display:block;width:100%;height:calc(100% - 30px);object-fit:cover;object-position:57% 53%;filter:sepia(.12) saturate(.87) contrast(.96)}
.journal-photo figcaption{display:flex;justify-content:space-between;align-items:center;height:30px;font-size:8px;letter-spacing:1.6px;color:#6f624d}.journal-photo figcaption span:last-child{font-family:var(--sans);font-size:8px;letter-spacing:0;color:#8b806b}
.collage-note{position:absolute;inset:30px 53px 14px 2px;transform:rotate(-5deg);padding:16px 18px;color:#625c3e;border:1px solid #b1aa87;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#8f906533 24px,#8f906533 25px),#d4d4b6;box-shadow:2px 5px 10px #4a49351b;z-index:1}
.collage-note>span{font-size:8px;letter-spacing:1.3px}.collage-note em{display:block;font:26px/1.28 var(--serif);padding-top:34px;font-weight:400;max-width:130px}.collage-note small{position:absolute;bottom:14px;left:17px;font-size:7px;letter-spacing:1px}
.collage-stamp{position:absolute;right:-11px;bottom:12px;width:126px;height:77px;border:1px solid #937449;background:#eee5d1;padding:7px;transform:rotate(-7deg);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:3px 4px 8px #32281817;outline:1px solid #baaa87;outline-offset:-5px;color:#775a34}
.collage-stamp>span{font-size:6px;letter-spacing:1.4px}.collage-stamp strong{font:24px/1.3 var(--serif);letter-spacing:1px;font-weight:400}.collage-script{position:absolute;left:25px;bottom:-4px;z-index:4;font:italic 16px var(--serif);color:#78613f;transform:rotate(-3deg)}
.workspace{padding-top:30px}.section-heading{margin-bottom:21px}.eyebrow{color:#8a795b;font-size:9px;letter-spacing:1.9px}h2{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:1.2px;margin-top:6px;color:#463b2b}.section-note{font-size:10px;color:#817359}
.tabs{gap:22px;align-items:end;border-bottom:1px solid #bdad90;padding-top:0}.tabs button{padding:9px 14px 11px;font-size:12px;color:#75654c;white-space:nowrap}.tabs button[aria-selected=true]{background:#505a41;color:#fff4dd;border:1px solid #505a41;border-bottom:0;font-weight:400}.tabs button[aria-selected=true]:after{height:0}.tabs span{background:#e7deca;border-radius:0;color:#807151;font-size:9px;padding:1px 5px;margin-left:9px}.tabs button[aria-selected=true] span{background:#ffffff17;color:#ebe4c8}
.toolbar{margin:20px 0 12px;gap:11px}.search-box{background:#faf6eb;border:1px solid #d1c3a8;border-radius:1px;max-width:350px;padding-left:12px}.search-box input{background:transparent;font-size:11px;padding:10px 0;color:#534832}.search-box input::placeholder{color:#897d66}.search-box>span{color:#86754e}.toolbar select{background:#f6f0e1;border:1px solid #cfbea0;border-radius:1px;color:#716044;font-size:11px;min-width:123px;padding:10px 11px}.toolbar>span{font-size:10px;color:#887655}.lens-description{color:#827157;font-size:10px;letter-spacing:.1px;line-height:1.8;margin-bottom:18px}
.card-grid{gap:19px}.observation-card{border-radius:2px;background:#fbf7ec;border:1px solid #cabda5;box-shadow:2px 3px 0 #c4bba022;transition:transform .2s,box-shadow .2s,border-color .2s}.observation-card:hover{transform:translateY(-3px);box-shadow:3px 8px 20px #7c674317;border-color:#9d8864}.observation-card.selected{border:1px solid #56633f;box-shadow:0 0 0 1px #56633f,2px 5px 13px #52583515}
.card-art{height:102px;padding:18px 19px;background:var(--art-bg);color:var(--art-color);isolation:isolate}
.card-art:before{inset:0;border-radius:0;transform:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 26px,#d3cbaa 26px,#d3cbaa 27px);opacity:.047}
.card-art:after{width:75px;height:148px;border:1px solid #e7daba40;border-radius:80px 80px 0 0;right:25px;bottom:-65px;transform:rotate(-15deg);opacity:1;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,#e7daba1b 11px,#e7daba1b 12px)}
.card-brand{font:23px/1.1 var(--serif);letter-spacing:1px;font-weight:400;max-width:85%;color:var(--art-color)}.card-art .card-edition{font-size:7px;letter-spacing:2.1px;margin-top:10px;color:var(--art-color);opacity:.7}.card-number{font:italic 37px/.85 var(--serif);right:15px;bottom:11px;color:var(--art-color);opacity:.48;z-index:2}
.card-content{padding:19px 19px 17px}.card-topline{font-size:9px;color:#8b7b60}.status-chip{background:#ede3ca;color:#826139;padding:2px 6px;border-radius:0;font-size:9px}.status-chip.done{background:#e4e9d5;color:#4c5b37}
.observation-card h3{font-family:var(--serif);font-size:16px;line-height:1.65;font-weight:500;color:#473c2b;margin:13px 0 12px}.card-open{line-height:inherit}.card-excerpt{font-size:11px;line-height:1.9;color:#817158}.card-tags{gap:6px;margin-top:18px}.tag{border-color:#d9caae;background:#f3ecd9;color:#826c49;border-radius:0;font-size:9px;padding:2px 6px}.card-foot{padding:11px 19px;border-top:1px solid #e3d8c0;font-size:9px;color:#816d4b;background:#f6f0e2}.compare-toggle{background:transparent;border:1px solid #b8aa8b;border-radius:1px;color:#6e6147;padding:5px 9px;font-size:10px}.compare-toggle[aria-pressed=true]{color:#42532d;background:#e6ead5;border-color:#5b6d42}
.seed-note{font-size:9px;color:#8d7b5b;margin-top:20px}.insights-section{margin-top:32px;border-top:1px solid #c0ad8e;padding:27px 0 29px}.empty-insight{border:1px solid #c4b898;border-radius:1px;background:linear-gradient(105deg,#e6e4cfaa,#eee5d177);padding:23px 24px}.empty-insight>span{font-family:var(--serif);font-size:34px;color:#6a724a}.empty-insight strong{font-family:var(--serif);font-weight:500;font-size:15px;color:#62543d}.empty-insight p{color:#867456;font-size:10px}.insight-card{border-color:#cabea5;background:#fbf7eb;border-radius:1px;padding:24px;box-shadow:2px 3px 0 #a5967020}.insight-card h3{font-family:var(--serif);font-size:19px;font-weight:400;color:#58432b}.insight-card .insight-body{font-size:12px;color:#70644c}.linked-card{border-color:#cebea0;border-radius:1px;color:#735d3d;background:#f1e8d4;padding:5px 9px}.insight-meta{color:#8f7b5a}footer{border-top:1px solid #bda686;color:#8f7956;font-size:8px;padding:19px 0 25px}
.compare-dock{left:284px;right:48px;background:#f8f1e2f2;border-radius:2px;border:1px solid #aa9570;box-shadow:0 8px 25px #44382026;padding:15px 19px}.dock-label{color:#8a7653;font-size:10px}.dock-chip{border-color:#c9b994;background:#eae5ce;border-radius:0;color:#685b3f;font-size:10px}.dock-chip button{color:#83704c}.toast{border-radius:2px;background:#3c4931;color:#fff4dc}
dialog{border-color:#b5a17b;border-radius:3px;background:#f4edde;box-shadow:0 25px 100px #1e25154f}dialog::backdrop{background:#282f22a6;backdrop-filter:blur(4px)}
.modal-head{background:#eee6d4;border-bottom-color:#cbb994;padding:25px 28px}.modal-head .eyebrow{color:#8c744c}.modal-head h2{font-family:var(--serif);font-size:26px;letter-spacing:1px;color:#4b3b24}.icon-close{color:#7d6845;font-family:var(--serif);font-size:30px}.modal-foot{background:#ede5d3;border-top-color:#ccbb99;padding:17px 28px}
.form-content{gap:20px}.form-content label,.comparison-writing label{font-size:12px;color:#6f5c3e}.form-content input:not([type=checkbox]),.form-content textarea,.form-content select,.comparison-writing input,.comparison-writing textarea{background:#fffaf0;border-color:#c7b898;border-radius:1px;color:#483922;font-size:13px;padding:10px 12px}.form-content input:focus,.form-content textarea:focus,.form-content select:focus,.comparison-writing input:focus,.comparison-writing textarea:focus{outline:1px solid #71804b;outline-offset:1px;border-color:#71804b}.view-checks{border-color:#c7b695;background:#f0e7d1;border-radius:1px}.view-checks legend{color:#80683d}.form-divider{border-top-color:#c7b592;color:#654725}.form-divider span{color:#8d7753;font-size:10px}.source-row{background:#e9e2ca;border-radius:2px;border:1px solid #dacdad}.source-row .source-remove{color:#89723f}.detail-brand{color:#725537;font-family:var(--serif);font-size:25px}.detail-section h3{color:#78653e;letter-spacing:1px;font-size:10px}.detail-section p{color:#6c5c41;line-height:1.95}.hypothesis-block{background:#e8e7d1;border-left:2px solid #899462;border-radius:1px}.detail-dimensions dt{color:#89734c}.detail-dimensions dd{color:#57462e}.source-link{border-color:#d5c29f}.source-link a{color:#785033}.source-link small{color:#8d7752}.source-link p{color:#7f6c4c}.source-link .source-meta{color:#94815e}.detail-toolbar{border-color:#cbb78f;background:#ede6d4}
.compare-summary{background:#e9e6cf;border-color:#c1b58f;border-radius:1px;color:#776640;font-size:11px}.compare-summary strong{color:#4e5b34}.difference-toggle{color:#74633f}.compare-content{padding:23px 28px}#compare-table th,#compare-table td{border-color:#cdbb97}#compare-table thead th{background:#505b41;color:#f3ead4;border-top-color:#323f2a;font-size:13px}#compare-table thead th:first-child{color:#e2d8ba;font-size:10px}#compare-table thead th small{color:#c3c8a8;font-size:11px;margin-top:6px}#compare-table tbody th{background:#e9e0c9;color:#75613d;font-size:11px}#compare-table tbody td{background:#fff9ed;color:#645437;font-size:12px}#compare-table tbody tr.same td{background:#e9edd9}.compare-source{color:#795132;font-size:11px}.comparison-writing{border-top-color:#c8b38b;margin-top:29px;padding-top:27px}.comparison-writing h3{font-family:var(--serif);font-size:23px;color:#685032}.comparison-writing p{color:#88704b}.source-library-item{border-color:#c9b58e}.source-library-item a{color:#785033}.source-library-item p{color:#877148}.backup-info{background:#e5e7cf;border:1px solid #ccd0ae;color:#6c7247;border-radius:1px}.backup-option{border-color:#c9b792;background:#fff8e9;border-radius:2px}.backup-option>span:first-child{color:#705938}.backup-option strong{color:#6b4f2e}.backup-option small{color:#8a734e}.insight-card-links{border-color:#c7b38a;border-radius:1px;background:#eee6d0}.insight-card-links legend{color:#826538}.empty-results{background:#f9f2e3;border-color:#c9b68e;border-radius:1px}
@media(min-width:1600px){.intro{gap:64px;padding-top:49px;padding-bottom:43px}.journal-collage{height:380px}.intro h1{font-size:118px}.intro h1>span{font-size:53px}.card-art{height:117px}}
@media(max-width:1250px){.sidebar{width:200px;padding:34px 20px 22px}.logo{gap:12px;font-size:12px}.monogram{font-size:42px}.app-shell{margin-left:200px}.topbar{padding:0 32px}.top-actions{gap:7px}main{padding:0 32px}.intro{gap:22px;padding-top:36px;padding-bottom:35px}.intro h1{font-size:89px}.intro h1>span{font-size:42px;margin-left:20px}.intro-title-cn{font-size:18px;margin-top:24px;letter-spacing:1.7px}.intro-copy>p{font-size:11px}.intro-bottom{gap:17px;margin-top:22px}.intro-bottom a{font-size:9px}.intro-bottom strong{font-size:22px}.journal-collage{height:320px;margin-left:5px}.journal-photo{left:30px;right:2px;bottom:30px}.collage-note{right:39px;left:-5px}.collage-note em{font-size:22px}.collage-stamp{width:109px;right:-6px;bottom:12px}.collage-script{font-size:14px;left:7px;bottom:2px}.compare-dock{left:232px;right:32px}.tabs{gap:13px}.tabs button{padding-left:12px;padding-right:12px}}
@media(max-width:950px){.sidebar{width:170px;padding:29px 15px}.logo{gap:8px;font-size:10px}.logo small{font-size:8px;letter-spacing:.6px}.monogram{font-size:35px;width:27px}.season{margin-top:40px}.season strong{font-size:15px}.sidenav button{padding:10px 6px;gap:7px;font-size:11px}.side-note p{font-size:12px}.sidebar-bottom small{font-size:8px}.app-shell{margin-left:170px}.topbar{padding:0 23px}.top-actions{gap:1px}.button{font-size:10px;padding:9px 11px}main{padding:0 25px}.intro{gap:15px;grid-template-columns:1fr 1fr;min-height:360px;padding-top:31px;padding-bottom:30px}.edition-label{gap:6px;letter-spacing:1px;font-size:7px}.pill{font-size:6px;padding:4px}.intro h1{font-size:76px;letter-spacing:-4px;margin-top:24px}.intro h1>span{font-size:34px;letter-spacing:-1px;margin-left:13px}.intro-title-cn{font-size:16px;letter-spacing:1px}.intro-copy>p{font-size:10px}.intro-bottom{gap:14px;font-size:8px;padding-top:13px;margin-top:18px}.intro-bottom strong{font-size:20px;margin-right:4px}.journal-collage{height:296px;margin-right:1px;margin-left:3px}.journal-photo{left:22px;right:0;top:14px;padding:7px 7px 0}.journal-photo figcaption{letter-spacing:1px;font-size:6px}.journal-photo figcaption span:last-child{font-size:7px}.collage-note{left:-6px;right:26px;top:22px;padding:11px}.collage-note em{font-size:18px}.collage-note>span{font-size:6px}.collage-note small{font-size:5px;left:12px;bottom:20px}.collage-stamp{width:91px;height:65px;right:-5px;bottom:8px;padding:7px}.collage-stamp strong{font-size:21px}.collage-stamp>span{font-size:5px}.collage-script{font-size:11px;left:-5px;bottom:3px}.compare-dock{left:190px;right:20px}.tabs{gap:6px;justify-content:space-between}.tabs button{font-size:11px;padding:10px 9px}.tabs span{margin-left:5px;padding:0 3px;font-size:8px}.toolbar select{font-size:10px;min-width:100px}.eyebrow{font-size:8px}.card-brand{font-size:21px}.section-note{display:none}}
@media(max-width:700px){body{background:#f2ecdd}.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:64px;padding:0 18px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 6px}.top-actions{gap:1px}.top-actions .quiet{font-size:9px;padding:8px}.top-actions .primary{font-size:10px;padding:8px 10px}main{padding:0 22px}.intro{display:block;min-height:0;padding:29px 0 31px}.edition-label{font-size:8px;gap:11px;letter-spacing:1.2px}.pill{font-size:7px;padding:4px 6px}.intro h1{font-size:100px;letter-spacing:-5px;line-height:.86;margin:26px 0 18px}.intro h1>span{font-size:44px;letter-spacing:-1.7px;margin:8px 0 0 39px}.intro-title-cn{font-size:19px;letter-spacing:2px;margin-top:24px;margin-bottom:10px}.intro-copy>p{font-size:11px;line-height:1.9}.intro-bottom{gap:21px;font-size:9px;padding-top:15px;margin-top:20px}.intro-bottom strong{font-size:23px;margin-right:5px}.intro-bottom a{display:block;margin-left:auto;font-size:9px}.journal-collage{height:278px;margin:31px 4px 0 13px}.journal-photo{left:32px;right:7px;top:8px;bottom:24px;padding:8px 8px 0;transform:rotate(2.5deg)}.journal-photo img{object-position:55% 52%;height:calc(100% - 27px)}.journal-photo figcaption{height:27px;font-size:7px;letter-spacing:1.6px}.journal-photo figcaption span:last-child{font-size:7px}.journal-photo:before{width:84px;height:26px;top:-10px}.collage-note{left:-3px;right:39px;top:17px;bottom:17px;padding:15px 12px}.collage-note em{font-size:21px;padding-top:25px}.collage-note>span{font-size:7px}.collage-note small{bottom:12px;left:12px;font-size:6px}.collage-stamp{width:110px;height:68px;right:-3px;bottom:9px}.collage-stamp strong{font-size:22px}.collage-stamp>span{font-size:5px}.collage-script{left:5px;bottom:-5px;font-size:13px}.workspace{padding-top:26px}h2{font-size:23px}.eyebrow{font-size:7px;letter-spacing:1.5px}.section-heading{gap:10px;margin-bottom:19px}.tabs{gap:0}.tabs button{font-size:10px;padding:10px 8px}.tabs span{font-size:7px;margin-left:4px;padding:0 3px}.toolbar{margin:16px 0 10px;gap:7px}.search-box{max-width:none;flex-basis:100%;padding-left:12px}.search-box input{font-size:11px;padding:10px 0}.toolbar select{padding:9px 9px;font-size:10px;flex:1}.toolbar>span{font-size:9px}.lens-description{font-size:9px;line-height:1.8;margin-bottom:16px}.card-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:90px;padding:15px 12px}.card-brand{font-size:17px;letter-spacing:.7px;max-width:92%}.card-art .card-edition{font-size:5px;letter-spacing:1.2px;margin-top:9px}.card-number{font-size:29px;right:10px;bottom:10px}.card-art:after{width:54px;right:13px;bottom:-74px}.card-content{padding:14px 12px}.card-topline{font-size:7px;gap:6px;flex-wrap:wrap}.status-chip{font-size:8px;padding:2px 5px}.observation-card h3{font-size:14px;line-height:1.65;margin:11px 0 10px}.card-excerpt{font-size:10px;line-height:1.9}.card-tags{margin-top:14px;gap:4px}.tag{font-size:8px;padding:1px 5px}.card-foot{padding:9px 12px;font-size:8px;gap:8px;flex-wrap:wrap}.compare-toggle{font-size:9px;padding:4px 7px}.seed-note{font-size:8px;line-height:1.9;margin-top:17px}.insights-section{margin-top:26px;padding-top:24px}.empty-insight{grid-template-columns:26px 1fr;gap:10px;padding:20px 16px}.empty-insight strong{font-size:14px}.empty-insight p{font-size:10px;line-height:1.9}.empty-insight>.button{grid-column:2;margin-top:6px}.insights-section .section-heading .button{font-size:10px;padding:9px 10px}.insight-card{padding:19px}.insight-card h3{font-size:18px}.insight-card .insight-body{font-size:11px}.compare-dock{left:12px;right:12px;bottom:12px;padding:12px;gap:8px}.dock-chip{max-width:126px;font-size:8px;padding:2px 5px}.dock-actions .primary{font-size:10px;padding:10px 10px}.dock-label{font-size:9px}.modal-head{padding:21px 18px}.modal-head h2{font-size:23px}.form-content,.compare-content{padding:21px 18px}.modal-foot{padding:16px 18px}.form-content input:not([type=checkbox]),.form-content textarea,.form-content select,.comparison-writing input,.comparison-writing textarea{font-size:13px}.view-checks{gap:12px}.form-content label{font-size:11px}.form-divider span{display:block;margin:6px 0 0}.detail-content{padding:22px 18px}.detail-brand{font-size:23px}.detail-section p{font-size:12px}.detail-toolbar{padding:15px 18px;gap:7px}.detail-toolbar .button{font-size:10px;padding:10px 11px}.comparison-writing{grid-template-columns:1fr;gap:18px;padding-top:21px}.comparison-writing h3{font-size:23px}.comparison-writing p{font-size:11px}.compare-summary{gap:9px;font-size:10px}#compare-table{min-width:650px}#compare-table tbody td{font-size:11px}#compare-table th,#compare-table td{padding:12px 14px}footer{font-size:7px}.toast{font-size:11px}}
@media(max-width:370px){main{padding:0 17px}.intro h1{font-size:89px}.intro h1>span{font-size:39px}.intro-bottom{gap:17px}.intro-bottom a{font-size:8px}.tabs button{font-size:9px;padding-left:6px;padding-right:6px}.tabs span{margin-left:3px}.card-brand{font-size:15px}.top-actions .quiet{padding:7px 5px}.breadcrumb{font-size:8px}}
@media(prefers-reduced-motion:reduce){.observation-card:hover{transform:none}.observation-card{transition:none}}