:root{--ink:#173b34;--ink-dark:#10332c;--muted:#62756f;--paper:#fbfaf5;--cream:#f1f1e8;--line:#d7ded6;--lime:#d6efbd;--orange:#e9b38e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #c76529}.shell{width:min(100% - 64px,1180px);margin-inline:auto}.skip-link{z-index:100;background:#fff;padding:12px 18px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.brand{letter-spacing:-.05em;align-items:center;gap:12px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,1fr);gap:3px;width:31px;height:31px;display:grid;transform:rotate(-9deg)}.brand-mark span{background:var(--ink);border-radius:2px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#9dc881}.header-nav{align-items:center;gap:38px;display:flex}.header-nav a{font-size:13px;font-weight:700;text-decoration:none}.header-nav a:hover,.text-link:hover,.footer-grid a:hover{text-underline-offset:5px;text-decoration:underline}.hero{background:#e9eee6;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:606px;display:grid}.hero-copy{z-index:1;padding:72px 0 84px;position:relative}.eyebrow,.section-index{letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:12px;margin:0 0 24px;display:flex}.eyebrow-line{background:currentColor;width:22px;height:1px}.hero h1,.page-hero h1{letter-spacing:-.075em;margin:0 0 25px;font-size:clamp(48px,6vw,84px);font-weight:800;line-height:1.2}.hero h1 em,.page-hero h1 em{color:#6b9a70;font-style:normal}.hero-lead,.page-lead{color:#3d5c51;max-width:550px;margin:0;font-size:17px;line-height:2}.hero-actions{align-items:center;gap:28px;margin-top:42px;display:flex}.button{border-radius:5px;justify-content:center;align-items:center;gap:42px;min-height:54px;padding:0 24px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink)}.button-primary:hover{background:#295e4f}.button-light{color:var(--ink);background:var(--lime)}.text-link{font-size:13px;font-weight:800;text-decoration:none}.hero-art{height:450px;margin-left:16px;position:relative}.art-sheet{border-radius:12px;width:68%;height:68%;position:absolute}.art-sheet-back{background:#c0d3bc;top:10%;right:0;transform:rotate(12deg)}.art-sheet-front{background:#dddfc6;top:13%;left:8%;overflow:hidden;transform:rotate(-8deg);box-shadow:0 28px 50px #173b3424}.art-sun{background:#e1ae78;border-radius:50%;width:105px;height:105px;position:absolute;top:16%;right:20%}.art-hill{background:#7ba07c;border-radius:48% 52% 0 0;width:115%;height:72%;position:absolute;bottom:-30%;left:-14%;transform:rotate(-15deg)}.art-hill-two{background:#426c5b;bottom:-41%;left:12%;transform:rotate(20deg)}.art-crop{border:3px solid var(--ink);z-index:1;width:27px;height:27px;position:absolute}.art-crop-tl{border-bottom:0;border-right:0;top:3%;left:0}.art-crop-tr{border-bottom:0;border-left:0;top:3%;right:7%}.art-crop-bl{border-top:0;border-right:0;bottom:12%;left:0}.art-crop-br{border-top:0;border-left:0;bottom:12%;right:7%}.art-pill{background:var(--paper);letter-spacing:.12em;border-radius:99px;padding:14px 18px;font-size:10px;font-weight:800;position:absolute;bottom:1%;right:0;transform:rotate(-5deg);box-shadow:0 9px 25px #173b341a}.section{padding:108px 0}.section-index{color:#668776;margin:0 0 21px}.intro-section{background:var(--paper)}.intro-grid{grid-template-columns:1fr 2fr;gap:50px;display:grid}.intro-grid .section-index{padding-top:12px}.section h2,.related-section h2,.closing-section h2,.prose-page h2{letter-spacing:-.065em;margin:0 0 25px;font-size:clamp(34px,4vw,57px);line-height:1.3}.intro-grid p:not(.section-index){color:#526b60;max-width:700px;font-size:16px;line-height:2.15}.tools-section{background:var(--cream)}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:260px;color:var(--muted);font-size:14px;line-height:1.9}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);background:#f9faf6;border-radius:7px;flex-direction:column;min-height:432px;padding:28px;display:flex}.tool-card-2{background:#e7eee5}.tool-card-3{background:#f2e8dc}.tool-card-top{letter-spacing:.13em;justify-content:space-between;align-items:start;font-size:11px;font-weight:800;display:flex}.tool-symbol{letter-spacing:0;color:#6e9a71;font-size:70px;font-weight:400;line-height:1}.tool-card-2 .tool-symbol{color:#618784}.tool-card-3 .tool-symbol{color:#ae785c}.tool-card-body{margin-top:auto}.tool-label{color:#748b7b;font-size:13px;font-weight:800}.tool-card h3{letter-spacing:-.06em;margin:8px 0 12px;font-size:30px}.tool-card-body>p:last-child{color:#4e655c;min-height:81px;font-size:14px;line-height:1.85}.tool-card-actions{border-top:1px solid #bdd0be;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px;display:flex}.card-link{font-size:13px;font-weight:800;text-decoration:none}.card-link:hover{text-underline-offset:4px;text-decoration:underline}.workflow-section{background:var(--paper)}.workflow-grid{grid-template-columns:1fr 1.12fr;gap:110px;display:grid}.workflow-grid>div>p:last-child{color:var(--muted);max-width:350px;line-height:2}.flow-list{margin:0;padding:0;list-style:none}.flow-list li{border-top:1px solid var(--line);grid-template-columns:62px 1fr;gap:15px;padding:24px 0;display:grid}.flow-list li:last-child{border-bottom:1px solid var(--line)}.flow-list li>span,.step-list li>span{color:#6d9a73;font-size:12px;font-weight:800}.flow-list h3,.step-list h3{letter-spacing:-.04em;margin:0 0 9px;font-size:19px}.flow-list p,.step-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.closing-section{background:var(--ink-dark);color:#fff;padding:95px 0}.closing-inner{justify-content:space-between;align-items:end;gap:30px;display:flex}.closing-inner .section-index{color:#a8c3aa}.closing-inner h2{margin:0}.site-footer{color:#dbe8db;background:#0b261f;padding:62px 0 24px}.footer-grid{justify-content:space-between;gap:32px;display:flex}.footer-brand{color:#fff}.footer-grid p{color:#aabeb0;font-size:13px}.footer-grid nav{grid-template-columns:repeat(2,minmax(140px,1fr));gap:15px 40px;display:grid}.footer-grid nav a{font-size:13px;text-decoration:none}.footer-bottom{color:#91aa9b;border-top:1px solid #38554a;justify-content:space-between;margin-top:60px;padding-top:23px;font-size:11px;display:flex}.page-hero{background:#e9eee6;padding:60px 0 86px}.page-hero h1{font-size:clamp(44px,5vw,70px)}.page-hero .button{margin-top:34px}.breadcrumbs{align-items:center;gap:10px;margin-bottom:48px;font-size:12px;display:flex}.breadcrumbs a{text-underline-offset:4px}.simple-hero{padding:100px 0}.simple-hero .eyebrow{margin-bottom:28px}.article-layout{grid-template-columns:220px minmax(0,1fr);gap:90px;padding-top:96px;padding-bottom:112px;display:grid}.article-aside{flex-direction:column;align-self:start;gap:18px;font-size:13px;display:flex;position:sticky;top:30px}.article-aside p{letter-spacing:.14em;color:#6f947a;margin:0 0 9px;font-size:10px;font-weight:800}.article-aside a{text-decoration:none}.article-aside a:hover{text-decoration:underline}.article-content>section{margin-bottom:86px;scroll-margin-top:20px}.article-content h2{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(30px,3vw,43px)}.article-content section>p:not(.section-index),.prose-page p{color:#4d655b;font-size:16px;line-height:2.1}.check-list{gap:13px;padding:0;list-style:none;display:grid}.check-list li{background:#e9eee6;border-left:3px solid #88ad86;padding:17px 20px;font-size:15px}.step-list{margin:0;padding:0;list-style:none}.step-list li{border-top:1px solid var(--line);grid-template-columns:54px 1fr;gap:18px;padding:25px 0;display:grid}.step-list li:last-child{border-bottom:1px solid var(--line)}.tip-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.tip-card{background:var(--cream);border-radius:5px;padding:27px}.tip-card h3{margin:0 0 11px}.tip-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.article-cta{background:#e9eee6;justify-content:space-between;align-items:center;gap:25px;padding:34px;display:flex}.article-cta p{margin:0;font-weight:700}.related-section{background:var(--cream);padding:95px 0}.related-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.related-grid a{background:#fbfaf5;flex-direction:column;justify-content:space-between;min-height:170px;padding:24px;text-decoration:none;display:flex}.related-grid a:hover{background:#e7eee5}.related-grid span{letter-spacing:.08em;font-size:11px;font-weight:800}.related-grid strong{letter-spacing:-.05em;font-size:26px}.prose-page{max-width:900px;padding:95px 0 120px}.prose-page section{margin-bottom:75px}.prose-page h2{font-size:33px}.prose-page a{text-underline-offset:4px}.info-list{border-top:1px solid var(--line)}.info-list div{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr;gap:18px;padding:20px 0;font-size:15px;display:grid}.info-list dt{font-weight:800}.privacy-page section{margin-bottom:55px}.privacy-page h2{font-size:27px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;min-height:0}.hero-art{height:350px}.hero h1{font-size:clamp(44px,6vw,65px)}.tool-grid{grid-template-columns:1fr 1fr}.tool-card:last-child{grid-column:span 2;min-height:320px}.workflow-grid{gap:50px}.article-layout{grid-template-columns:170px 1fr;gap:40px}}@media (max-width:650px){.shell{width:min(100% - 36px,1180px)}.header-inner{min-height:68px}.brand{font-size:18px}.brand-mark{width:25px;height:25px}.header-nav{gap:17px}.header-nav a{font-size:11px}.header-nav a:last-child{display:none}.hero-grid{flex-direction:column;gap:0;display:flex}.hero-copy{width:100%;padding:65px 0 25px}.hero h1{font-size:clamp(44px,11vw,60px)}.hero-lead{font-size:15px}.hero-actions{flex-wrap:wrap;gap:20px;margin-top:30px}.hero-art{width:min(100%,380px);height:320px;margin:0 auto 20px}.art-pill{font-size:8px}.section{padding:72px 0}.intro-grid,.workflow-grid{grid-template-columns:1fr;gap:20px}.intro-grid .section-index{padding:0}.section h2,.related-section h2,.closing-section h2{font-size:37px}.section-heading{display:block}.section-heading>p{max-width:none}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card:last-child{grid-column:auto;min-height:370px}.tool-card-body>p:last-child{min-height:0}.closing-section{padding:75px 0}.closing-inner{display:block}.closing-inner .button{margin-top:25px}.footer-grid{display:block}.footer-grid nav{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px}.footer-bottom{flex-wrap:wrap;gap:14px;margin-top:45px}.desktop-break{display:none}.page-hero{padding:35px 0 66px}.simple-hero{padding:70px 0}.page-hero h1{font-size:48px}.page-lead{font-size:15px}.breadcrumbs{margin-bottom:45px}.article-layout{padding-top:68px;padding-bottom:70px;display:block}.article-aside{border-bottom:1px solid var(--line);flex-flow:wrap;gap:10px 15px;margin-bottom:65px;padding-bottom:35px;display:flex;position:static}.article-aside p{width:100%}.article-content>section{margin-bottom:65px}.tip-grid,.related-grid{grid-template-columns:1fr}.article-cta{display:block}.article-cta .button{margin-top:18px}.related-section,.prose-page{padding:70px 0}.info-list div{grid-template-columns:1fr;gap:6px}.privacy-page h2{font-size:24px}}:root{--muted:#455e53}.hero h1 em,.page-hero h1 em{color:#456e4a}.section-index,.article-aside p,.tool-label,.flow-list li>span,.step-list li>span{color:#426450}.card-link.secondary{color:#435c4e}.article-aside nav{flex-direction:column;gap:18px;display:flex}.page-hero h1.guide-title{letter-spacing:-.04em;overflow-wrap:anywhere;max-width:920px;font-size:clamp(32px,4.1vw,56px);line-height:1.45}.external-note{color:#455e53;font-size:13px;line-height:1.8}.verification-note{border-block:1px solid var(--line);margin-bottom:48px;padding:16px 0}.verification-note p{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.9}.article-content a:not(.button),.format-note a,.intro-grid a{text-underline-offset:4px}.article-content h3{margin:0 0 14px;font-size:20px;line-height:1.6}.article-content p,.policy-list,.instruction-list{color:#455e53;line-height:2}.example{min-width:0;margin:24px 0}.example-image{border:1px solid var(--line);background:#eef0ea;place-items:center;padding:12px;display:grid;overflow:hidden}.example img{width:auto;max-width:100%;height:auto;max-height:540px;display:block}.example figcaption{color:#455e53;margin-top:12px;font-size:13px;line-height:1.85}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#dbe0db 25%,#0000 25%),linear-gradient(-45deg,#dbe0db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dbe0db 75%),linear-gradient(-45deg,#0000 75%,#dbe0db 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.comparison-pair,.preset-gallery,.crop-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.comparison-pair .example-image{min-height:260px}.preset-gallery,.crop-gallery{margin-top:36px}.preset-gallery>article,.crop-gallery>article{border-top:2px solid var(--ink);min-width:0;padding-top:22px}.preset-gallery p,.crop-gallery p{font-size:14px;line-height:1.95}.preset-gallery a,.crop-gallery a{text-decoration:none;display:block}.preset-gallery a:hover .example-image,.crop-gallery a:hover .example-image{border-color:var(--ink)}.crop-gallery .example-image{height:360px}.crop-gallery img{max-height:334px}.finding{background:#e9eee6;border-left:4px solid #456e4a;margin:28px 0;padding:24px}.finding li{color:#455e53;margin:10px 0;font-size:15px;line-height:1.95}.finding ul{margin-bottom:0;padding-left:22px}.finding p{margin-bottom:0;font-size:15px;line-height:2}.instruction-list{padding-left:25px}.instruction-list>li{border-bottom:1px solid var(--line);padding:18px 0 14px 10px}.instruction-list>li::marker{color:var(--ink);font-weight:800}.instruction-list p{margin:0;font-size:15px}.table-scroll{border:1px solid var(--line);border-radius:5px;max-width:100%;margin:28px 0;overflow-x:auto}.table-scroll:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #c76529}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.95}caption{text-align:left;background:var(--cream);padding:16px 18px;font-weight:700}th,td{vertical-align:top;border-top:1px solid var(--line);overflow-wrap:anywhere;padding:17px 18px}thead th{background:#e9eee6}tbody th{width:20%;min-width:105px}.format-section{background:var(--cream)}.format-note{max-width:900px;color:var(--muted);line-height:2}details{border-block:1px solid var(--line);margin:24px 0;padding:18px 0}summary{cursor:pointer;min-height:28px;font-size:16px;font-weight:700;line-height:1.9}details p{font-size:15px}.sample-link,.correction-link{font-size:14px;line-height:2}.policy-list{color:#455e53;padding-left:24px;line-height:2.1}.policy-list li{margin-bottom:14px}.article-cta{flex-wrap:wrap}.header-nav a,.footer-grid nav a{align-items:center;min-height:32px;display:inline-flex}@media (max-width:650px){.header-inner{flex-wrap:wrap;gap:12px;padding-block:14px}.header-nav{flex-wrap:wrap;gap:14px}.header-nav a:last-child{display:inline-flex}.header-nav a{min-height:30px;font-size:12px}.page-hero h1.guide-title{font-size:32px}.article-aside{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:24px;position:static}.article-aside nav{gap:14px}.comparison-pair,.preset-gallery,.crop-gallery{grid-template-columns:1fr;gap:12px}.comparison-pair .example-image{min-height:0}.crop-gallery .example-image{height:auto;min-height:250px}.crop-gallery img{max-height:400px}.finding{padding:20px 17px}.table-scroll table{min-width:520px}.table-scroll{scroll-margin-top:24px}.verification-note{margin-bottom:36px}.article-content>section{margin-bottom:62px}.article-cta{padding:24px}.article-cta .button{gap:20px;width:100%}.breadcrumbs{flex-wrap:wrap;line-height:1.8}.simple-hero h1{font-size:clamp(36px,10vw,48px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
