.example-list{margin:38px 0 52px}.example-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;margin:0 0 18px;padding:35px 40px;position:relative;overflow:hidden;background:#fffdf6;border-radius:16px}.example-row:nth-child(2){background:#f4ecd6}.example-no{display:block;font-size:45px;font-weight:900;line-height:1;color:#a7770d;letter-spacing:-3px;margin-bottom:18px}.example-title h3{font-size:27px;line-height:1.4;margin:8px 0 12px;letter-spacing:-1px}.example-title>p:last-child{font-size:12px;color:#736b5a}.example-row .eyebrow{font-size:10px;letter-spacing:1.2px}.example-row .sample{margin:0 0 15px;font-size:25px;line-height:1.45;padding:17px 21px;background:#fff}.example-row p{font-size:14px}.example-result b{display:block;font-size:11px;color:#8e6712;margin-bottom:4px}.example-note,.writing-disclosure{font-size:11px;color:#7a7263;line-height:1.9}.writing-tool{padding-top:80px;overflow:clip}.writing-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:45px}.writing-heading h2{font-size:clamp(35px,4vw,52px);line-height:1.25;letter-spacing:-2.2px;margin:18px 0 24px}.writing-heading .lead{font-size:17px}.writing-chapter{background:#e6b83d;padding:30px 35px;border-radius:6px 45px 6px 6px;transform:rotate(2deg);box-shadow:9px 9px 0 #2c2d2e}.writing-chapter>span{font-size:11px;letter-spacing:2px;font-weight:bold}.writing-chapter strong{display:block;font-size:43px;line-height:1.1;letter-spacing:-2px;margin:16px 0}.writing-chapter p{font-size:11px}.writing-chapter a{display:inline-block;margin-top:10px;color:#2c2d2e;font-size:13px;font-weight:bold;text-underline-offset:5px}.writing-road{display:flex;list-style:none;counter-reset:road;margin:48px 0 10px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px;justify-content:space-between}.writing-road li{font-size:13px;font-weight:bold;counter-increment:road}.writing-road li:before{content:'0' counter(road);color:#a7770d;font-size:12px;margin-right:10px}.writing-step{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:55px;margin:65px 8px 85px}.writing-copy{position:relative}.writing-number{display:block;font-size:68px;line-height:1;font-weight:900;letter-spacing:-4px;color:#ad7a11;margin-bottom:18px}.writing-copy .eyebrow,.writing-finish .eyebrow{font-size:10px;letter-spacing:1.8px}.writing-copy h3,.writing-finish h3{font-size:33px;line-height:1.3;letter-spacing:-1.3px;margin:12px 0 20px}.writing-copy>p:not(.eyebrow),.writing-finish>article>p:not(.eyebrow){font-size:15px;color:#6d665b;line-height:1.9}.writing-key{font-size:12px;font-weight:bold;color:#806010;border-top:1px solid #decda7;padding-top:14px;margin-top:24px}.writing-shot{background:white;border:7px solid white;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 16px 35px #3f301c20}.writing-shot a{display:block;overflow:hidden}.writing-shot img{display:block;width:100%;height:auto}.writing-shot figcaption{font-size:10px;padding:9px 10px 5px;color:#857766}.tilt-right{transform:rotate(2deg)}.tilt-left{transform:rotate(-2deg)}.writing-step.reverse{grid-template-columns:1.3fr .7fr}.writing-step.reverse .writing-copy{order:2}.writing-step.reverse .writing-shot{order:1}.writing-feedback{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center;padding:42px;background:#2c2d2e;border-radius:22px;margin:40px 0 70px;color:#fff8e7}.writing-feedback .writing-number,.writing-feedback .eyebrow{color:#efc34d}.writing-feedback .writing-copy>p:not(.eyebrow){color:#ddd5c4}.writing-feedback .writing-shot{transform:rotate(1deg)}.feedback-example{padding-top:20px;border-top:1px solid #ffffff30;margin-top:25px}.feedback-example>span{font-size:10px;color:#d2b66d}.feedback-example p{font-size:19px;line-height:1.6;font-family:Georgia,serif}.feedback-example del{color:#b5a996}.feedback-example strong{color:#f2c34b}.feedback-example small{font-size:12px;color:#d7cfbf}.writing-finish{display:grid;grid-template-columns:1fr 1fr;gap:35px}.writing-finish>article{background:#f6efdd;padding:30px;border-radius:18px}.writing-finish .writing-number{font-size:52px}.writing-finish .writing-shot{margin-top:25px}.writing-finish .writing-shot a{aspect-ratio:1.7}.writing-finish .writing-shot img{height:100%;object-fit:cover;object-position:top}.writing-outcome{margin:45px 0 20px;background:#eed28a;padding:30px 36px;border-radius:15px}.writing-outcome h3{font-size:26px;margin:10px 0 20px;letter-spacing:-1px}.writing-outcome>div{display:flex;gap:17px;align-items:center;flex-wrap:wrap;font-size:13px}.writing-outcome span{background:#fff7df;padding:8px 14px;border-radius:8px}.writing-disclosure{margin:20px 5px 0}.writing-tool a:focus-visible{outline:3px solid #a7770d;outline-offset:4px}
@media(max-width:900px){.example-row{gap:25px;padding:26px}.writing-heading{gap:30px}.writing-chapter{padding:25px}.writing-chapter strong{font-size:34px}.writing-step{gap:28px}.writing-feedback{gap:25px;padding:28px}.writing-copy h3,.writing-finish h3{font-size:28px}.writing-finish{gap:20px}.writing-finish>article{padding:24px}}
@media(max-width:700px){.example-row{display:block;padding:26px 22px}.example-no{font-size:34px;float:right}.example-title h3{font-size:25px}.example-row .sample{font-size:22px;margin-top:23px}.writing-heading{grid-template-columns:1fr;gap:30px}.writing-heading h2{font-size:36px}.writing-heading .lead{font-size:15px}.writing-chapter{margin:0 10px 0 0}.writing-road{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;gap:5px 12px}.writing-road li{font-size:12px}.writing-step,.writing-step.reverse{display:flex;flex-direction:column;align-items:stretch;margin:40px 5px 55px;gap:25px}.writing-step.reverse .writing-copy,.writing-step.reverse .writing-shot{order:initial}.writing-number{font-size:51px;margin-bottom:13px}.writing-copy h3,.writing-finish h3{font-size:29px}.writing-copy>p:not(.eyebrow),.writing-finish>article>p:not(.eyebrow){font-size:14px}.writing-feedback{grid-template-columns:1fr;padding:27px 22px;gap:28px;margin-bottom:40px}.writing-finish{grid-template-columns:1fr}.writing-outcome{padding:25px 22px}.writing-outcome h3{font-size:24px}.writing-outcome>div{gap:8px;font-size:11px}.writing-outcome span{padding:7px 9px}}