:root{--paper:#f8f6f0;--ink:#111;--line:#d7d3ca;--yellow:#f2cf32}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:12px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}body>header{border:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 32px;display:grid}.logo{font-size:25px;font-weight:800}.logo span{color:var(--yellow)}nav{gap:28px;font-size:9px;font-weight:600;display:flex}header button{background:0 0;border:0;justify-self:end;font:9px Inter}h1,h2,h3{font-family:Newsreader,serif}.crumbs{margin-bottom:20px;font-size:8px}.tag{background:var(--yellow);padding:4px 6px;font-size:7px;font-weight:800;display:inline-block}.page-title{margin:16px 0 12px;font:600 42px/.95 Newsreader}.subtitle{font-size:11px}.meta{align-items:center;gap:25px;margin-top:28px;font-size:8px;display:flex}.avatar{background:#b8b4aa;border-radius:50%;width:22px;height:22px;display:inline-block}.hero-grid{grid-template-columns:1fr 330px;gap:40px;display:grid}.product-art{background:#e6e2d9;justify-content:center;align-items:center;height:245px;display:flex}.device{text-align:center;background:#f5f2e9;border:10px solid #222;place-items:center;width:150px;height:220px;display:grid;box-shadow:0 15px 25px #7776}.pen{background:#222;border-radius:6px;width:8px;height:210px;margin-left:30px}.content{border-top:1px solid var(--line);grid-template-columns:180px 1fr 180px;gap:36px;padding:20px 32px 50px;display:grid}.side b{margin-bottom:6px;display:block}.side a{border-bottom:1px solid #ddd;display:block}.copy .cta{color:#fff;background:#111;margin-top:18px;padding:14px 22px;display:inline-block}.box{border:1px solid var(--line);background:#faf9f5;padding:15px}.specs{grid-template-columns:repeat(5,1fr);margin-top:28px;display:grid}.specs div{border-right:1px solid var(--line);padding-right:14px}.specs b,.specs small{display:block}.specs small{margin-top:5px;font-size:7px}.thumbs{gap:8px;margin-top:10px;display:flex}.thumbs span{border:1px solid var(--line);background:#dedbd2;width:44px;height:52px}.quick{border:1px solid var(--line);margin-top:20px;padding:18px}.quick h2,.quick h3{margin:0 0 8px;font:600 16px Newsreader}@media (width<=800px){body>header{grid-template-columns:1fr auto}nav{display:none}.hero-grid,.content{grid-template-columns:1fr}.side{display:none}.specs{grid-template-columns:repeat(2,1fr);gap:15px}.page-title{font-size:36px}}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.editorial-card{border:1px solid var(--line);background:#faf9f5;min-height:165px;padding:24px}.editorial-card h3{margin:14px 0;font-size:22px}.editorial-card p{line-height:1.6}.section-title{margin:0;font:600 30px Newsreader}.compare-table{border-collapse:collapse;background:#faf9f5;width:100%;margin-top:30px}.compare-table th,.compare-table td{border:1px solid var(--line);text-align:left;padding:16px}.compare-table td:first-child{font-weight:700}.verdict{border-left:4px solid var(--yellow);margin-top:34px;padding:8px 24px}.article-body{max-width:650px}.article-body h2{margin-top:34px;font-size:27px}.article-body p{font-size:12px;line-height:1.8}.shell{padding:42px 32px}.content{gap:42px;padding:42px 32px 64px}.hero-grid{gap:52px}.crumbs{margin-bottom:28px}.meta{margin-top:32px}.product-art{min-height:265px}.product-art:has(.device){background:url(/images/products/supernote-manta-official.png) center/contain no-repeat,radial-gradient(circle at 18% 26%,var(--yellow) 0 24px,transparent 25px),linear-gradient(118deg,transparent 0 42%,var(--yellow) 43% 57%,transparent 58%) 87% 22%/72px 72px no-repeat,linear-gradient(var(--yellow),var(--yellow)) 14% 78%/86px 12px no-repeat,#e8e5dc}.product-art:has(.device) .device,.product-art:has(.device) .pen{display:none}.quick{margin-top:28px;padding:22px}.box{padding:18px}@media (width<=800px){.card-grid{grid-template-columns:1fr}.compare-table{font-size:9px}.shell{padding:42px 22px}.content{gap:30px;padding:42px 22px 54px}.hero-grid{gap:32px}}body{font-size:16px;line-height:1.5}nav{font-size:14px}nav a,header button{align-items:center;min-height:44px;display:inline-flex}header button{cursor:pointer;padding:10px 12px;font-size:14px}.crumbs{font-size:13px}.tag{padding:5px 8px;font-size:12px}.subtitle{font-size:17px;line-height:1.55}.meta{flex-wrap:wrap;gap:24px;font-size:14px}.avatar{width:34px;height:34px}.side{font-size:14px;line-height:1.6}.side a{align-items:center;min-height:36px;display:flex}.copy{font-size:17px;line-height:1.7}.specs small{font-size:12px}.editorial-card p,.compare-table,.article-body p{font-size:16px}.compare-table th{font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #146cf0}.cta{align-items:center;min-height:48px;display:inline-flex!important}@media (width<=800px){.meta{gap:14px 20px}.compare-table{font-size:14px}}nav.crumbs{font-size:13px;display:block}.crumbs ol{flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;display:flex}.crumbs a{text-underline-offset:3px;align-items:center;min-height:36px;text-decoration:underline 1px;display:inline-flex}.crumbs a:hover{text-decoration-thickness:2px}.crumbs [aria-current=page]{font-weight:600}.crumb-separator{color:#6b6861;padding:0 12px}header button{gap:10px}.search-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:24px;height:24px;display:block}.logo{align-items:center;min-height:44px;display:inline-flex}.logo img{width:auto;height:31px;display:block}.official-site{border:1px solid var(--ink);align-items:center;min-height:44px;margin-top:18px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.official-site:hover{background:var(--ink);color:var(--paper)}.hub-links a{text-underline-offset:5px;align-items:center;min-height:40px;text-decoration:underline 1px;display:inline-flex}.hub-links a:hover{text-decoration-thickness:2px}.hub-links a[href^=\#]{scroll-margin-top:24px}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-weight:600;list-style:none;display:flex}.mobile-menu summary::marker{content:""}.mobile-menu summary::-webkit-details-marker{display:none}.menu-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:square;width:25px;height:25px;display:block}.mobile-menu nav{z-index:20;background:var(--paper);border:1px solid var(--line);gap:0;width:210px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #1112}.mobile-menu nav a{border-bottom:1px solid var(--line);min-height:46px;padding:0 12px;font-size:15px}.mobile-menu nav a:last-child{border-bottom:0}@media (width<=800px){.mobile-menu{display:block}.header-actions>button span{display:none}}.footer{color:#fff;background:#20201e;grid-template-columns:1.3fr repeat(4,1fr);gap:40px;min-height:190px;padding:25px 48px;display:grid}.footer>div{flex-direction:column;align-items:flex-start;display:flex}.foot-logo{align-items:center;min-height:44px;display:flex}.foot-logo img{width:auto;height:31px;display:block}.footer p{margin:14px 0;font-size:14px;line-height:1.5}.footer small{margin-top:14px;font-size:12px}.footer b{margin-bottom:10px;font-size:12px}.footer div>a:not(.foot-logo){align-items:center;min-height:44px;font-size:14px;display:flex}.social{font-size:20px!important}@media (width<=900px){.footer{grid-template-columns:1fr 1fr;padding:35px 22px}}@media (width<=560px){.footer{grid-template-columns:1fr}}.skip-link{z-index:1000;color:#fff;background:#111;padding:12px 16px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{outline:3px solid var(--yellow);outline-offset:2px;transform:translateY(0)}