/* Ussi's field notebook: ocean blue, ink, and orange pencil marks. */
:root{--ink:#20394c;--navy:#173e58;--blue:#087ca5;--blue-dark:#08658a;--orange:#e99729;--paper:#fff;--wash:#f3f7fa;--line:#dbe5eb;--muted:#5e7484;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--wash);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}img{max-width:100%;height:auto}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a:hover{color:var(--blue-dark)}.wrap{width:min(1200px,100% - 64px);margin-inline:auto}.skip{position:absolute;top:-100px;left:18px;z-index:30;background:white;padding:12px}.skip:focus{top:12px}.topline{background:var(--navy);color:#fff;text-align:center;font-size:.8125rem;letter-spacing:.07em;padding:6px 16px}.header{background:#fff;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px}.brand{display:inline-block;font-size:1.7rem;line-height:1.4;letter-spacing:.02em;font-weight:850;white-space:nowrap}.brand small{display:block;font-size:.6875rem;letter-spacing:.18em;color:var(--muted);font-weight:600;margin-bottom:3px}.brand span{color:var(--blue)}.brand em{font-style:normal;position:relative}.brand em:after{content:"";position:absolute;height:4px;background:var(--orange);left:0;right:0;bottom:-7px;transform:rotate(-2deg)}.head nav{display:flex;gap:25px;font-size:.875rem;font-weight:700}.mobilemenu{display:none}.hero{background:#eaf4fa;position:relative;border-bottom:1px solid #d3e6f0}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:40px 46px}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.07em;color:var(--blue-dark);display:flex;gap:9px;align-items:center}.eyebrow:before{content:"";width:24px;height:3px;background:var(--orange)}.hero h1{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.55;letter-spacing:.035em;margin:18px 0}.hero h1 span{background:linear-gradient(transparent 72%,#f8d493 72%,#f8d493 94%,transparent 94%)}.hero p{font-size:1rem;color:#4f697a;margin:0 0 24px}.hero-art{margin:0;position:relative}.hero-art img{display:block;border-radius:80px 16px 70px 16px;aspect-ratio:3/2;object-fit:cover}.hero-art figcaption{position:absolute;bottom:-12px;left:22px;background:#fff;padding:8px 18px;border-left:4px solid var(--orange);border-radius:3px;box-shadow:0 4px 16px #244f6820;font-size:.875rem}.cta{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:.9375rem;font-weight:700;padding:13px 24px;border-radius:7px;box-shadow:0 3px 0 #065c7b}.cta:hover{background:var(--blue-dark);color:#fff}.text-link{color:var(--blue-dark);font-weight:700;border-bottom:1px solid #9fcada}.hero .text-link{display:inline-block;margin-left:18px;font-size:.875rem}.gridlayout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start;padding-block:42px 64px}.maincol{min-width:0}.sectiontitle{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:1.5rem;line-height:1.5;margin:0 0 22px;border-bottom:2px solid var(--navy);padding-bottom:13px}.sectiontitle small{font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:.08em}.home-section{margin-bottom:44px;scroll-margin-top:24px}.feature{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid var(--line);border-radius:var(--radius);background:white;overflow:hidden;box-shadow:0 5px 20px #193d4f06}.feature-visual{position:relative;background:#e6eef4}.feature-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:56% center}.feature-visual>span{position:absolute;left:16px;top:16px;padding:4px 12px;background:var(--orange);color:#402b0e;font-weight:800;font-size:.75rem;border-radius:4px}.feature-copy{padding:27px 25px}.feature-copy h3{font-size:1.4rem;line-height:1.7;margin:9px 0 13px}.feature-copy p{font-size:.9375rem;color:var(--muted);margin:0 0 15px}.feature-copy .text-link{font-size:.875rem}.tag{display:inline-block;color:var(--blue-dark);font-size:.75rem;font-weight:700;letter-spacing:.04em}.paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.path{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:10px;transition:transform .16s,border-color .16s}.path:hover{transform:translateY(-2px);border-color:#8ebacd}.path-num{font-size:1.6rem;line-height:1;color:#bbd1df;font-weight:800}.path strong{font-size:.9375rem;display:block}.path small{display:block;color:var(--muted);font-size:.8125rem;margin-top:3px}.path-arrow{margin-left:auto;font-size:1.2rem;color:var(--blue)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #24475912}.cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e5eef4}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover img{transform:scale(1.025)}.cover-label{position:absolute;bottom:0;left:0;max-width:calc(100% - 14px);background:var(--navy);color:#fff;padding:6px 14px;font-size:.75rem;letter-spacing:.05em;border-radius:0 5px 0 0}.cardbody{padding:20px 22px;display:flex;flex-direction:column;flex:1}.card h3{font-size:1.125rem;line-height:1.7;margin:7px 0 10px}.card p{font-size:.875rem;color:var(--muted);line-height:1.8;margin:0 0 17px}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted)}.card-bottom b{font-size:.8125rem;color:var(--blue-dark)}.startnote{padding:25px 27px;border:1px solid #bdd8e7;border-left:5px solid var(--blue);background:#eaf4fa;border-radius:8px}.startnote h3{font-size:1.125rem;margin:0 0 8px}.startnote p{margin:0;font-size:.9375rem}.author{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px;padding:26px 23px;text-align:center}.avatar{width:110px;height:110px;margin:auto;border-radius:50%;overflow:hidden;background:#eef5fa;border:4px solid #fff;box-shadow:0 0 0 1px #dce7ee}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 19%}.author h3{font-size:1.2rem;margin:11px 0 2px}.role{font-size:.75rem;color:var(--blue-dark);font-weight:700}.author p{text-align:left;font-size:.875rem;color:var(--muted);line-height:1.9;margin:17px 0}.author a{display:block;padding:9px 8px;border:1px solid #abcbdc;color:var(--blue-dark);border-radius:5px;font-size:.8125rem;font-weight:700}.asidebox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-top:24px}.asidebox h3{font-size:1rem;margin:0 0 10px;padding-bottom:9px;border-bottom:2px solid var(--navy)}.asidebox a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7edf1;font-size:.875rem}.asidebox a:last-child{border-bottom:0;padding-bottom:0}.asidebox a span{color:var(--blue);font-size:.8125rem}.asidebox p{font-size:.875rem;color:var(--muted);margin:10px 0}.outfit-nav{border-top:4px solid var(--orange)}.outfit-nav a b{font-size:.75rem;letter-spacing:.07em;color:#a56a15}.outfit-nav a>div{flex:1}.outfit-nav a small{display:block;color:var(--muted);font-size:.75rem}.aside-toc a{font-size:.8125rem;line-height:1.7}.aside-toc{border-top:4px solid var(--blue)}.breadcrumb{font-size:.8125rem;color:var(--muted);padding-top:25px}.breadcrumb a{border-bottom:1px solid #ccdce5}.articlepage .gridlayout{padding-top:23px}.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:40px 42px}.article h1{font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.6;letter-spacing:.015em;margin:14px 0 19px}.byline{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted);flex-wrap:wrap}.byline img{width:35px;height:35px;object-fit:cover;object-position:center 15%;border-radius:50%;background:#e8f1f7}.byline b{color:var(--ink);font-size:.8125rem}.byline .date{margin-left:auto}.article .lead{font-size:1.0625rem;line-height:2;margin:26px 0 24px}.article-cover{margin:25px -4px 30px}.article-cover img{display:block;aspect-ratio:16/10;width:100%;object-fit:cover;border-radius:10px}.article p{font-size:1.0625rem;line-height:2;margin:22px 0}.article strong{font-weight:750;color:#123f58}.article p a,.article li a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}.quick-answer{padding:23px 26px;background:#eff7fb;border:1px solid #c7e1ed;border-radius:10px;margin:28px 0}.quick-answer>span{font-size:.75rem;color:var(--blue-dark);font-weight:800;letter-spacing:.1em}.quick-answer h2{font-size:1.1875rem!important;background:none!important;border:0!important;padding:0!important;margin:6px 0 12px!important}.quick-answer ul{margin:0!important;padding:0!important;list-style:none}.quick-answer li{font-size:1rem;position:relative;padding-left:24px;margin:10px 0!important;line-height:1.8}.quick-answer li:before{content:"✓";color:var(--blue);position:absolute;left:0;font-weight:700}.toc{border:1px solid var(--line);border-radius:8px;margin:28px 0 34px;background:#fff}.toc summary{padding:17px 22px;cursor:pointer;font-weight:700;font-size:1rem}.toc nav{padding:0 22px 18px}.toc a{display:flex;gap:12px;font-size:.9375rem;color:var(--blue-dark);padding:8px 0;line-height:1.7}.toc a span{color:#899eac;font-size:.8125rem;min-width:20px}.article .content-section{scroll-margin-top:24px}.article h2{font-size:1.5rem;line-height:1.65;margin:48px 0 23px;padding:16px 20px;border-left:5px solid var(--blue);background:#f0f6fa;border-radius:0 8px 8px 0;letter-spacing:.01em}.chapter-no{display:block;font-size:.6875rem;color:var(--blue-dark);letter-spacing:.13em;margin-bottom:4px}.article h3{font-size:1.1875rem;line-height:1.7;margin:30px 0 14px}.article ul,.article ol{padding-left:1.45em;font-size:1.0625rem;line-height:2}.article li{margin:10px 0}.section-figure{margin:22px 0 26px}.section-figure picture,.section-figure img{width:100%;display:block}.section-figure img{border-radius:10px;border:1px solid #dce7ee;background:#f6f9fb}.section-figure figcaption{font-size:.75rem;color:var(--muted);margin:7px 0 0;text-align:center}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.comparison>div,.template{font-size:1rem;line-height:1.95;background:#f4f8fb;border:1px solid #d5e2eb;padding:20px 22px;border-radius:8px}.comparison>div:first-child{background:#f6f7f8;border-color:#e0e5e9}.comparison b,.template b{display:block;font-size:.9375rem;color:var(--blue-dark);margin-bottom:8px}.template{margin:25px 0;border-left:4px solid var(--blue)}.script{margin:25px 0;padding:20px 22px;border:1px solid #e9c685;border-radius:8px;background-color:#fffaf1;background-image:repeating-linear-gradient(135deg,#e997290b 0,#e997290b 5px,transparent 5px,transparent 11px);font-size:1rem;line-height:1.95}.script>b,.script h3{display:block;font-size:.9375rem;color:#825817;margin:0 0 12px}.script p{font-size:1rem;margin:12px 0;background:#ffffffe0;padding:8px 11px;border-radius:5px}.table-wrap{overflow-x:auto;margin:25px 0;border:1px solid var(--line);border-radius:8px}.article table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.85;min-width:480px}.article caption{text-align:left;padding:13px 17px;font-weight:700;background:#eaf3f9;color:var(--navy)}.article th{background:#f0f5f8;font-weight:700}.article th,.article td{padding:13px 15px;border-bottom:1px solid var(--line);border-right:1px solid #e4ebf0;text-align:left;vertical-align:top}.article th:last-child,.article td:last-child{border-right:0}.article tr:last-child td{border-bottom:0}.table-hint{font-size:.75rem!important;color:var(--muted);margin:-17px 0 24px!important}.line-chat{padding:22px;background:#e9f2f6;border:1px solid #d3e3eb;border-radius:12px;margin:28px 0}.line-chat h3{margin:0 0 4px;font-size:1rem}.line-chat>.example-note{font-size:.75rem!important;margin:0 0 16px!important;color:var(--muted)}.chat-row{display:flex;flex-direction:column;align-items:flex-start;margin:14px 0}.chat-row.ussi{align-items:flex-end}.chat-name{font-size:.75rem;color:#506b7a;margin:0 6px 4px}.chat-row p{max-width:87%;margin:0!important;padding:12px 16px;border-radius:15px 15px 15px 3px;font-size:.9375rem!important;line-height:1.85!important;background:#fff;box-shadow:0 2px 3px #20485708}.chat-row.ussi p{background:#d9edda;border-radius:15px 15px 3px 15px}.checklist{margin:26px 0;background:#fff8e9;border:1px solid #efd6a4;border-radius:10px;padding:23px 25px}.checklist h3{font-size:1rem;margin:0 0 12px;color:#7c551e}.checklist label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:1rem;cursor:pointer;line-height:1.8}.checklist input{width:19px;height:19px;flex:0 0 19px;margin:5px 0 0;accent-color:var(--blue)}.checklist input:checked+span{text-decoration:line-through;color:#748078}.editor-note{display:flex;align-items:flex-start;gap:15px;margin:28px 0;padding:20px 22px;border-top:1px dashed #b5cdda;border-bottom:1px dashed #b5cdda}.editor-note img{width:54px;height:54px;object-fit:cover;object-position:center 20%;border-radius:50%;background:#eef6fb;flex:0 0 54px}.editor-note p{font-size:.9375rem;margin:0;line-height:1.9}.editor-note b{display:block;color:var(--blue-dark);font-size:.8125rem;margin-bottom:4px}.example-note,.source-note{font-size:.8125rem!important;color:var(--muted);line-height:1.85!important}.faq{margin-top:40px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:1rem;font-weight:700;cursor:pointer;line-height:1.8}.faq p{font-size:1rem;margin:12px 8px 8px}.takeaway{border:1px solid #ebc888;border-top:4px solid var(--orange);background:#fff9ee;border-radius:10px;padding:24px 26px;margin:36px 0 25px}.takeaway b{display:block;color:#8e5b15;font-size:.8125rem}.takeaway strong{display:block;font-size:1.1875rem;margin:7px 0}.takeaway p{font-size:1rem;margin:0}.back{display:inline-block;color:var(--blue-dark);font-size:.9375rem;margin:14px 0}.related{margin-top:36px}.related .cards{gap:20px}.related .card h3{font-size:1rem}.profile-lead{background:#eaf4fa;border-left:4px solid var(--blue);padding:23px;margin:24px 0;border-radius:0 8px 8px 0}.profile-lead strong{display:block;margin-bottom:8px}.profile-list{display:grid;grid-template-columns:160px 1fr;font-size:1rem}.profile-list dt,.profile-list dd{margin:0;padding:14px 15px;border-bottom:1px solid var(--line)}.profile-list dt{background:#f0f6fa;font-weight:700}.profile-portrait{float:right;width:150px;margin:0 0 20px 24px;border-radius:50%;background:#edf5fb;aspect-ratio:1;object-fit:cover;object-position:center 15%}.contact-card{padding:24px;border:1px solid #c3dfe9;background:#f1f8fb;border-radius:10px;margin:25px 0}.contact-card h2{margin-top:0;background:none;padding:0;border:0;font-size:1.25rem}.mail-address{font-weight:700;font-size:1.1875rem!important}.mail-cta{display:inline-block;background:var(--blue);color:white;padding:12px 17px;font-size:.9375rem;font-weight:700;border-radius:6px}.mail-cta:hover{color:#fff;background:var(--blue-dark)}.muted{color:var(--muted);font-size:.8125rem!important}.site-footer{background:var(--navy);color:#e3edf4;padding:40px 0 26px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.site-footer .brand{font-size:1.35rem;color:#fff}.site-footer p{font-size:.8125rem;color:#bacddb;margin:9px 0}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:.8125rem}.site-footer a:hover{color:#ffc76f}.copyright{text-align:center;font-size:.75rem!important;border-top:1px solid #ffffff21;margin-top:30px!important;padding-top:20px}.article-main p:empty{display:none}
.quick-title{display:block;font-size:1.1875rem;line-height:1.7;margin:6px 0 12px}
@media(min-width:1050px){.aside-toc{position:relative}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.head nav{gap:15px;font-size:.8125rem}.brand{font-size:1.5rem}.gridlayout{grid-template-columns:minmax(0,1fr) 248px;gap:28px}.hero-inner{gap:28px}.hero .text-link{display:block;width:max-content;margin:17px 0 0}.article{padding:30px}.feature{grid-template-columns:1fr}.feature-visual img{height:auto;aspect-ratio:16/9;object-position:center 40%}.feature-copy{padding:22px 25px}.feature-copy h3{margin:6px 0}.cards{gap:18px}.cardbody{padding:18px}.asidebox{padding:19px}}
@media(max-width:900px){.head{min-height:93px}.head>nav{display:none}.mobilemenu{display:block;position:relative}.mobilemenu summary{cursor:pointer;border:1px solid #c9dbe6;border-radius:5px;padding:8px 13px;font-size:.875rem;list-style:none}.mobilemenu summary::-webkit-details-marker{display:none}.mobilemenu nav{position:absolute;right:0;top:52px;width:min(310px,calc(100vw - 48px));z-index:20;background:#fff;box-shadow:0 8px 30px #173e5825;border:1px solid var(--line);border-radius:10px;padding:10px 20px;display:flex;flex-direction:column;gap:0;font-size:1rem}.mobilemenu nav a{display:block;padding:12px 0;border-bottom:1px solid #e1eaf0}.mobilemenu nav a:last-child{border:0}.gridlayout{grid-template-columns:1fr;gap:34px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sidebar .asidebox{margin:0}.author{grid-row:span 2}.aside-toc{display:none}.hero h1{font-size:2rem}.hero p{font-size:.9375rem}.hero-inner{gap:20px}.hero-art figcaption{font-size:.75rem;left:10px;padding:7px 10px}.feature{grid-template-columns:1fr 1fr}.feature-visual img{height:100%;aspect-ratio:auto}.article{padding:36px 40px}.cards{gap:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topline{font-size:.6875rem;padding:5px 10px}.head{min-height:84px;gap:10px}.brand{font-size:1.23rem;letter-spacing:0}.brand small{font-size:.625rem;letter-spacing:.12em}.mobilemenu summary{font-size:.8125rem;padding:7px 9px}.hero-inner{grid-template-columns:1fr;gap:25px;padding-block:28px 30px}.hero h1{font-size:2.05rem;line-height:1.55;margin:14px 0 16px}.eyebrow{font-size:.75rem}.hero p{font-size:.9375rem;margin-bottom:20px}.hero .text-link{display:inline-block;margin:0 0 0 12px;font-size:.8125rem}.hero .cta{font-size:.875rem;padding:11px 16px;gap:12px}.hero-art{width:100%}.hero-art img{height:200px;aspect-ratio:auto;object-position:center 48%;border-radius:38px 10px 38px 10px}.hero-art figcaption{bottom:-8px;left:15px;font-size:.75rem}.gridlayout{padding-block:30px 42px}.sectiontitle{font-size:1.25rem;padding-bottom:10px;margin-bottom:18px;gap:10px}.sectiontitle small{font-size:.6875rem}.home-section{margin-bottom:32px}.feature{grid-template-columns:1fr}.feature-visual img{aspect-ratio:16/9;height:auto;object-position:center 38%}.feature-copy{padding:21px}.feature-copy h3{font-size:1.25rem;line-height:1.65;margin:7px 0 12px}.feature-copy p{font-size:.9375rem}.paths{grid-template-columns:1fr;gap:10px}.path{padding:14px 16px}.path-num{font-size:1.5rem}.path strong{font-size:1rem}.path small{font-size:.8125rem}.cards{grid-template-columns:1fr;gap:22px}.cover{aspect-ratio:16/9}.cardbody{padding:19px 22px}.card h3{font-size:1.125rem}.card p{font-size:.9375rem;margin-bottom:17px}.card-bottom{font-size:.75rem}.cover-label{font-size:.75rem}.sidebar{grid-template-columns:1fr;gap:20px}.author{grid-row:auto;padding:26px}.author p{max-width:390px;margin-inline:auto;font-size:.9375rem}.asidebox{padding:21px}.asidebox a{font-size:.9375rem;padding-block:14px}.asidebox p{font-size:.9375rem}.startnote{padding:22px}.breadcrumb{padding-top:20px;font-size:.75rem}.articlepage.wrap{width:calc(100% - 20px)}.articlepage .breadcrumb{padding-inline:9px}.articlepage .gridlayout{padding-top:18px;gap:30px}.article{padding:25px 19px;border-radius:10px}.article h1{font-size:1.6rem;line-height:1.65;margin-top:10px}.article .lead{font-size:1rem;line-height:2;margin-block:23px}.byline{font-size:.75rem;gap:8px}.byline .date{margin-left:0}.article-cover{margin:24px -3px}.article-cover img{aspect-ratio:4/3}.article p,.article ul,.article ol{font-size:1rem;line-height:2}.article h2{font-size:1.25rem;line-height:1.7;margin:37px 0 21px;padding:14px 15px;border-left-width:4px}.article h3{font-size:1.0625rem}.chapter-no{font-size:.6875rem}.quick-answer{padding:19px}.quick-answer li{font-size:.9375rem}.toc summary{padding:16px 18px}.toc nav{padding:0 18px 16px}.toc a{font-size:.875rem;padding:9px 0}.section-figure{margin:20px 0 24px}.comparison{grid-template-columns:1fr;gap:12px}.comparison>div,.template,.script{font-size:1rem;padding:18px}.script p{font-size:1rem;padding:7px}.article table{font-size:.9375rem}.table-wrap{margin-inline:-2px}.line-chat{padding:19px 13px}.chat-row p{max-width:92%;font-size:.9375rem!important;padding:11px 13px}.checklist{padding:20px 18px}.checklist label{font-size:1rem}.editor-note{padding:18px 8px;gap:12px}.editor-note img{width:45px;height:45px;flex-basis:45px}.editor-note p{font-size:.9375rem}.takeaway{padding:21px}.takeaway strong{font-size:1.0625rem}.related{padding-inline:9px}.related .cards{grid-template-columns:1fr}.related .card{display:grid;grid-template-columns:115px 1fr}.related .cover{height:100%;min-height:150px;aspect-ratio:auto}.related .cover-label{display:none}.related .cardbody{padding:14px}.related .card h3{font-size:.9375rem;margin:5px 0 9px}.related .card p{display:none}.related .card-bottom b{font-size:.75rem}.profile-portrait{width:105px;margin:0 0 15px 15px}.profile-list{grid-template-columns:1fr}.profile-list dt{padding-bottom:5px;border-bottom:0}.profile-list dd{padding-top:7px}.contact-card{padding:20px 18px}.mail-address{font-size:1rem!important}.footer-inner{display:block}.footer-nav{margin-top:24px;gap:13px 15px;font-size:.8125rem}.site-footer{padding-block:32px 23px}}
@media(max-width:350px){.hero .text-link{display:block;margin:17px 0 0;width:max-content}.brand{font-size:1.1rem}.brand small{font-size:.625rem}.hero h1{font-size:1.85rem}.article{padding-inline:15px}.byline .date{display:block;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Worked examples: visible editing decisions and completed notes. */
.case-label{padding:13px 17px;background:#e9f3f8;border-left:4px solid var(--blue);color:#31566e;font-size:.875rem;margin:22px 0}.marked-note,.rewrite-note{margin:26px 0;background:#fffefb;border:1px solid #e2d8c7;border-radius:9px;padding:23px 25px;box-shadow:3px 4px 0 #e7edf1}.note-label{font-size:.8125rem;font-weight:800;letter-spacing:.07em;color:#596b75;margin-bottom:15px}.marked-note ol{margin:0;padding-left:1.4em}.marked-note li{padding:10px 0;border-bottom:1px solid #e4e7e7}.marked-note li span{display:block;color:#a84432;font-size:.9375rem;margin-top:5px;padding-left:12px;border-left:3px solid #db8e6c}.rewrite-note dl{margin:0}.rewrite-note dt{font-weight:800;color:#08658a;font-size:.9375rem;margin-top:16px}.rewrite-note dd{margin:5px 0 0;padding-bottom:13px;border-bottom:1px solid #dce7ed;font-size:1rem;line-height:1.95}.rewrite-note dd:last-child{border:0}.flagship-feature{margin-bottom:35px;border-color:#9bbecf;box-shadow:5px 5px 0 #d8e8f1}.flagship-feature .feature-copy{background:#173e58;color:#fff}.flagship-feature .tag,.flagship-feature .text-link{color:#ffcf88}.flagship-feature .feature-copy p{color:#d4e3ed}.flagship-feature:hover{color:#fff}.flagship-feature .feature-visual>span{background:#fff;color:#1b5b7d}.clothing-plate{margin:22px 0 28px}.clothing-plate img{display:block;width:100%;height:auto;border:1px solid #d8e4ec;border-radius:10px;background:#f4f8fb}.plate-labels{display:grid;gap:12px;margin-top:13px}.plate-labels.two{grid-template-columns:1fr 1fr}.plate-labels.three{grid-template-columns:repeat(3,1fr)}.plate-labels div{padding:10px 11px;background:#eef5f9;border-top:3px solid var(--blue);border-radius:4px}.plate-labels b{display:block;color:#0c607d;font-size:.9375rem}.plate-labels p{font-size:.875rem!important;margin:4px 0 0!important;line-height:1.8!important}.clothing-plate figcaption{font-size:.8125rem;color:var(--muted);margin-top:10px}.article-entry{background:#173e58;color:#fff;padding:20px 22px;border-radius:8px;margin:24px 0}.article-entry p{font-size:.9375rem;margin:0 0 10px}.article-entry a{color:#ffd091;text-decoration:underline;font-weight:700;text-underline-offset:3px}
.method-nav{border-top:4px solid var(--orange)}.method-nav a{align-items:flex-start}.method-nav a div{flex:1}.method-nav small{display:block;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:2px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px}.tool-card{display:block;padding:19px 20px;background:#eef6fa;border:1px solid #c7dce6;border-radius:9px}.tool-card b{display:block;color:#08658a;font-size:1rem}.tool-card span{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.tool-card:hover{border-color:#7caec1;background:#e6f3f8}.article .quick-title{color:var(--ink)}
@media(max-width:600px){.marked-note,.rewrite-note{padding:20px 17px}.marked-note li span{font-size:.9375rem}.plate-labels.three{grid-template-columns:1fr}.plate-labels.two{gap:8px}.plate-labels div{padding:10px}.flagship-feature{margin-bottom:28px}.clothing-plate{overflow:visible}.plate-scroll{overflow-x:auto;border-radius:10px}.plate-scroll img{max-width:none;min-width:540px;width:100%}.plate-labels b{font-size:.9375rem}.tool-grid{grid-template-columns:1fr;gap:10px}}

/* Concrete reader outcomes and a usable first example. */
.section-intro{margin:-6px 0 24px;color:var(--muted);font-size:1rem}
.card-outcome b{display:block;font-size:.875rem;color:var(--blue-dark);margin-bottom:5px}
.try-now{background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:10px;padding:28px}
.try-now h2{font-size:1.5rem;margin:12px 0}.try-now p{font-size:1rem}.try-now blockquote{margin:20px 0;padding:20px;background:#edf5fa;border-left:4px solid var(--blue);font-size:1.15rem;font-weight:700}
.head nav{gap:18px}.sectiontitle small{flex-shrink:0}
@media(max-width:600px){.try-now{padding:20px}.try-now h2{font-size:1.25rem}.try-now blockquote{padding:16px;font-size:1rem}.hero-art{display:none}.hero p{font-size:1rem}.sectiontitle{align-items:flex-start}.card-bottom,.path small{font-size:.875rem}}