.clipping-page { --clip-green:#344731; --clip-line:#dddcd4; background:#fbfaf8; }
.clip-shell { width:min(1180px,calc(100% - 64px)); margin:auto; }
.clip-skip { position:fixed; top:-100px; left:20px; padding:12px 20px; background:#fff; z-index:100; }
.clip-skip:focus { top:12px; }
.clipping-page a:focus-visible,.clipping-page summary:focus-visible,.clip-table-wrap:focus-visible { outline:3px solid #526946; outline-offset:5px; }
.clip-crumbs { display:flex; gap:12px; flex-wrap:wrap; padding:30px 0 16px; font-size:12px; color:#62635b; }
.clip-crumbs a:hover { text-decoration:underline; }
.clip-hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:60px; padding:48px 0 62px; }
.clip-kicker { font-size:11px!important; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#59604f; margin:0 0 20px!important; }
.clip-kicker>span { display:inline-block; width:7px; height:7px; background:#597d3e; border-radius:50%; margin-right:8px; }
.clip-hero h1 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(38px,4.5vw,59px); font-weight:400; line-height:1.08; letter-spacing:-.045em; margin:0 0 26px; }
.clip-intro { font-size:18px; line-height:1.75; color:#4b4d46; max-width:60ch; }
.clip-byline { font-size:11px; color:#62635b; margin:26px 0; line-height:1.8; }
.clip-byline span { padding:0 5px; }
.clip-text-link { display:inline-flex; align-items:center; gap:18px; font-size:14px; font-weight:650; color:var(--clip-green); text-decoration:underline; text-underline-offset:5px; }
.clip-hero-art { margin:0; padding:28px 14px 20px; border:1px solid #d8ddcf; border-radius:130px 130px 16px 16px; background:#eef1e7; transform:rotate(1deg); }
.clip-art-label { text-align:center; font-size:9px; letter-spacing:.17em; padding:24px 0 20px; color:#535d49; }
.clip-hero-art svg { width:100%; height:auto; display:block; }
.clip-art-captions { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; gap:10px; font-size:10px; margin:0 0 24px; }
.clip-hero-art figcaption { text-align:center; font-family:Georgia,serif; font-size:15px; font-style:italic; }
.clip-takeaway { border-block:1px solid var(--clip-line); display:flex; gap:24px; align-items:center; padding:24px 0; margin-bottom:72px; }
.clip-takeaway p { margin:0; font-size:16px; max-width:78ch; }
.clip-star { font-size:35px; color:#526946; }
.clip-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:90px; align-items:start; padding-bottom:70px; }
.clip-sidebar { position:sticky; top:108px; }
.clip-sidebar nav a { display:block; font-size:12px; padding:11px 0; color:#5c5d54; border-bottom:1px solid #e7e6e0; }
.clip-sidebar nav a:hover { color:#172811; text-decoration:underline; text-underline-offset:4px; }
.clip-margin-note { padding:32px 20px 0 0; }
.clip-margin-note img { width:150px; height:auto; margin:auto; }
.clip-margin-note p { font:italic 16px/1.5 Georgia,serif; text-align:center; color:#666b5e; }
.clip-article { max-width:760px; }
.clip-article section { margin-bottom:80px; scroll-margin-top:110px; }
.clip-article h2 { font-family:Georgia,'Times New Roman',serif; font-size:36px; line-height:1.16; letter-spacing:-.025em; font-weight:400; margin:0 0 24px; max-width:24ch; }
.clip-article h3 { font-size:20px; line-height:1.4; letter-spacing:-.025em; margin:36px 0 16px; }
.clip-article p { font-size:17px; line-height:1.85; color:#474b43; margin:0 0 20px; }
.clip-article p a,.clip-article li a { text-decoration:underline; text-decoration-color:#a2ae95; text-underline-offset:4px; color:#30472b; }
.clip-article a:hover { text-decoration:underline; text-underline-offset:4px; }
.clip-steps { counter-reset:step; list-style:none; padding:0; margin:30px 0; }
.clip-steps li { position:relative; padding:0 0 25px 51px; font-size:16px; }
.clip-steps li:before { counter-increment:step; content:counter(step,decimal-leading-zero); position:absolute; left:0; top:1px; font-size:11px; width:31px; height:31px; border:1px solid #c8d0bf; border-radius:50%; display:grid; place-items:center; color:#526946; }
.clip-steps strong,.clip-steps span { display:block; }
.clip-steps span { margin-top:6px; color:#565b50; line-height:1.7; }
.clip-note { background:#eef1e7; border-left:3px solid #889e72; padding:24px 28px; margin:30px 0; }
.clip-note p { font-size:15px; margin:8px 0 0; line-height:1.7; }
.clip-details { border-block:1px solid var(--clip-line); margin:28px 0; }
.clip-details summary { cursor:pointer; padding:20px 0; font-weight:600; }
.clip-details>div { padding:5px 0 20px; }
.clip-details blockquote { border-left:2px solid #8d9c7e; margin:20px 0; padding:0 0 0 24px; font-family:Georgia,serif; font-size:19px; line-height:1.7; }
.clip-distribution { margin:30px 0; padding:30px; border:1px solid var(--clip-line); border-radius:12px; background:#fff; }
.clip-distribution>div { display:grid; grid-template-columns:36px 1fr; gap:3px 10px; align-items:center; }
.clip-distribution span { grid-row:span 2; font-size:11px; color:#536647; }
.clip-distribution small { grid-column:2; font-size:13px; color:#676c60; }
.clip-distribution b { display:block; padding:7px 0 7px 46px; color:#80966a; font-weight:400; }
.clip-platforms { border-top:1px solid var(--clip-line); margin:28px 0; }
.clip-platforms>div { padding:20px 0; border-bottom:1px solid var(--clip-line); display:grid; grid-template-columns:140px 1fr; gap:18px; }
.clip-platforms strong { font-size:14px; }
.clip-platforms p { margin:0; font-size:15px; line-height:1.7; }
.clip-math { background:#f1ece4; border-radius:12px; padding:32px; margin:30px 0; }
.clip-math h3 { font-family:Georgia,serif; font-weight:400; font-size:25px; margin:0 0 24px; }
.clip-math dl { margin:0; }
.clip-math dl>div { display:flex; gap:20px; justify-content:space-between; padding:13px 0; border-bottom:1px solid #dbd4c9; }
.clip-math dt { font-size:13px; max-width:75%; }
.clip-math dd { margin:0; font-size:15px; font-weight:650; text-align:right; }
.clip-math-total { border-bottom:0!important; color:#344731; }
.clip-math-total dd { font-size:24px; }
.clip-math>p:last-child { font-size:12px; line-height:1.65; margin:16px 0 0; }
.clip-comparison { padding:38px; border-radius:12px; background:#25352a; color:#fff; margin:0 0 80px; }
.clip-comparison .clip-kicker { color:#b5cda4; }
.clip-comparison h2 { font-size:32px; }
.clip-comparison p { color:#dee7d9; font-size:15px; }
.clip-action { display:inline-flex; gap:24px; padding:13px 18px; background:#e3efcf; color:#233020; border-radius:5px; font-size:13px; font-weight:650; }
.clip-tools { display:grid; grid-template-columns:1fr 1fr; margin:32px 0 40px; border-top:1px solid var(--clip-line); }
.clip-tools>div { padding:24px 25px 24px 0; border-bottom:1px solid var(--clip-line); }
.clip-tools>div:nth-child(even) { padding-left:25px; padding-right:0; border-left:1px solid var(--clip-line); }
.clip-tool-number { font-size:10px; letter-spacing:.08em; color:#72796a; }
.clip-tools h3 { margin:12px 0; }
.clip-tools h3 a { display:flex; justify-content:space-between; gap:12px; }
.clip-tools h3 span { color:#717d65; font-size:15px; }
.clip-tools p { font-size:14px; line-height:1.8; margin:0; }
.clip-table-wrap { overflow-x:auto; margin:26px 0; border:1px solid var(--clip-line); border-radius:8px; }
.clip-table-wrap table { width:100%; border-collapse:collapse; min-width:480px; text-align:left; font-size:13px; line-height:1.65; }
.clip-table-wrap th,.clip-table-wrap td { padding:17px; border-bottom:1px solid #e4e5dc; vertical-align:top; }
.clip-table-wrap thead { background:#edf0e6; }
.clip-table-wrap tbody th { font-weight:600; width:25%; }
.clip-table-wrap tr:last-child td,.clip-table-wrap tr:last-child th { border-bottom:0; }
.clip-example { margin:30px 0; border:1px solid var(--clip-line); border-radius:10px; overflow:hidden; background:#fffefa; }
.clip-example figcaption { padding:16px 25px; background:#eeeae2; font-size:11px; color:#5e6157; }
.clip-transcript { padding:24px; }
.clip-transcript p { display:grid; grid-template-columns:44px 1fr; gap:16px; font-size:15px; margin-bottom:14px; }
.clip-transcript p:last-child { margin-bottom:0; }
.clip-transcript time { font-family:monospace; font-size:11px; color:#72766b; padding-top:4px; }
.clip-transcript mark { background:#f2ddb0; padding:2px 0; }
.clip-example-verdict { padding:25px; background:#f2f4ec; }
.clip-example-verdict strong { font-size:15px; }
.clip-example-verdict p { font-size:14px; margin:10px 0 0; }
.clip-checklist { list-style:none; padding:0; margin:24px 0; }
.clip-checklist li { padding:14px 0 14px 30px; position:relative; border-bottom:1px solid #e6e6de; font-size:15px; line-height:1.8; }
.clip-checklist li:before { content:'✓'; position:absolute; left:0; color:#526946; }
.clip-metrics { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:30px 0 16px; }
.clip-metrics>div { border-top:2px solid #728360; padding-top:20px; }
.clip-metrics strong { font-family:Georgia,serif; font-weight:400; font-size:48px; color:#344731; }
.clip-metrics h3 { font-size:16px; margin:8px 0 12px; }
.clip-metrics p { font-size:14px; line-height:1.75; }
.clip-small { font-size:12px!important; color:#646b5d!important; }
.clip-final-note { margin-top:35px; }
.clip-method { border-top:1px solid var(--clip-line); padding-top:32px; margin-bottom:0!important; }
.clip-method h2 { font-family:inherit; font-size:18px; font-weight:600; }
.clip-method p { font-size:13px; line-height:1.8; }
@media(min-width:1250px) { .clip-distribution { display:flex; gap:12px; align-items:center; padding:25px 18px; }.clip-distribution>div { display:block; flex:1; }.clip-distribution strong,.clip-distribution small { display:block; }.clip-distribution strong { font-size:12px; margin:10px 0 5px; }.clip-distribution small { font-size:11px; }.clip-distribution b { padding:0; transform:rotate(-90deg); } }
@media(max-width:1000px) { .clip-hero { gap:32px; }.clip-layout { gap:40px; grid-template-columns:180px minmax(0,1fr); }.clip-sidebar nav a { font-size:11px; }.clip-hero h1 { font-size:44px; }.clip-intro { font-size:16px; } }
@media(max-width:760px) { .clip-shell { width:calc(100% - 40px); }.clip-hero { grid-template-columns:1fr; padding:30px 0 38px; gap:32px; }.clip-hero h1 { font-size:43px; max-width:15ch; }.clip-hero-art { width:min(100%,380px); margin:auto; }.clip-intro { font-size:17px; }.clip-layout { display:block; }.clip-sidebar { position:static; margin-bottom:45px; }.clip-sidebar nav { display:flex; flex-wrap:wrap; gap:0 22px; }.clip-sidebar .clip-kicker { width:100%; margin-bottom:8px!important; }.clip-sidebar nav a { font-size:12px; }.clip-margin-note { display:none; }.clip-takeaway { margin-bottom:36px; gap:15px; }.clip-takeaway p { font-size:14px; }.clip-article h2 { font-size:31px; }.clip-article p { font-size:16px; }.clip-article section { margin-bottom:60px; }.clip-platforms>div { grid-template-columns:1fr; gap:10px; }.clip-comparison { padding:28px; margin-bottom:60px; }.clip-comparison h2 { font-size:29px; }.clip-math { padding:24px; }.clip-tools p { font-size:14px; }.clip-metrics p { font-size:14px; }.clip-method p { font-size:13px; } }
@media(max-width:400px) { .clip-hero h1 { font-size:37px; }.clip-tools { grid-template-columns:1fr; }.clip-tools>div:nth-child(even) { padding-left:0; border-left:0; }.clip-tools>div { padding-right:0; }.clip-metrics { grid-template-columns:1fr; gap:12px; }.clip-transcript { padding:18px; }.clip-transcript p { gap:8px; }.clip-action { gap:12px; font-size:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }