.creation-notes{font-size:18px;line-height:1.8}.notes-hero{padding:85px 0 55px}.notes-hero>.micro{font-size:14px;letter-spacing:1px}.notes-hero h1{font-size:clamp(38px,4.8vw,66px);line-height:1.2;letter-spacing:-2px;margin:24px 0}.notes-hero>p{max-width:820px;font-size:20px;color:#555;margin:28px 0}.notes-index{display:flex;flex-wrap:wrap;gap:14px}.notes-index a{border:1px solid #444;padding:9px 17px;font-size:16px;background:#fff}.notes-section{padding:58px 0;border-top:1px solid #aaa;scroll-margin-top:120px}.notes-heading{display:flex;gap:24px;margin-bottom:36px}.notes-heading>span{font-size:30px;font-weight:700;line-height:1.4;border-bottom:2px solid #333;align-self:start}.notes-heading h2{font-size:clamp(27px,3vw,39px);line-height:1.4;letter-spacing:-1px;margin:0 0 12px}.notes-heading p{font-size:18px;color:#555;margin:0}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.note-paper{position:relative;border:1px solid #444;background:#fafafa;padding:30px;box-shadow:5px 6px 0 #ccc;border-radius:2px 5px 3px 1px}.note-paper .micro{font-size:15px;letter-spacing:1px}.note-paper h3{font-size:25px;line-height:1.5;margin:17px 0}.note-paper p{font-size:18px;color:#555}.note-selected{border:2px solid #222;background:#fff}.note-sticker{position:absolute;right:16px;top:-16px;background:#242424;color:white;padding:5px 14px;font-size:14px;transform:rotate(2deg);box-shadow:3px 3px 0 #aaa}.notes-chain{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px;font-size:16px}.notes-chain b{font-weight:600}.music-strip{height:56px;display:flex;align-items:center;justify-content:space-around;gap:8px;margin-top:25px;border-block:1px dashed #999}.music-strip i{width:6px;background:#555;height:20px}.music-strip i:nth-child(3n){height:38px}.music-strip i:nth-child(3n + 1){height:12px}.voice-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.voice-strip span{background:#e9e9e5;border:1px solid #777;font-size:14px;text-align:center;padding:10px}.notes-takeaway{font-size:19px;margin:35px 0 0;padding:18px 24px;border-left:3px solid #333;background:#e8e8e4;max-width:950px}.translation-board{padding:35px;background:#fafafa;border:1px solid #444;box-shadow:5px 6px 0 #ccc}.translation-input{text-align:center}.translation-input>.micro{font-size:14px}.translation-input blockquote{font-size:29px;font-weight:600;margin:20px 0}.translation-input p{font-size:18px;color:#555}.translation-arrow{text-align:center;font-size:34px;line-height:1.5;margin:20px 0}.translation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.translation-options article{padding:23px;border:1px solid #888;background:#fff}.translation-options article>span{font-size:15px;border-bottom:1px solid #444;padding-bottom:5px}.translation-options h3{font-size:22px;line-height:1.4;margin:20px 0 15px}.translation-options p{font-size:17px;color:#555}.example-note{font-size:14px;color:#666;margin:22px 0 0}.notes-real-example{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin:50px 0 0}.notes-real-example figure{margin:0}.notes-real-example img{width:100%;height:auto;border:1px solid #444;box-shadow:5px 6px 0 #ccc;display:block}.notes-real-example figcaption{font-size:14px;color:#666;margin-top:18px}.notes-real-example h3{font-size:28px;line-height:1.5;margin:18px 0}.notes-real-example .micro{font-size:14px}.notes-real-example p{font-size:18px;color:#555;margin:18px 0}.notes-real-example .inline-link{font-size:16px}.check-principle{margin-bottom:38px}.check-principle h3{margin-top:0}.check-principle p{margin-bottom:0;max-width:950px}.notes-check-table{border:1px solid #888;background:#fff}.check-row{display:grid;grid-template-columns:1fr 2.5fr 1fr;gap:25px;align-items:start;padding:22px 25px;border-bottom:1px solid #aaa}.check-row:last-child{border-bottom:0}.check-row h3{font-size:19px;line-height:1.6;margin:0}.check-row p{font-size:17px;line-height:1.7;margin:0;color:#555}.check-row>span{font-size:16px}.check-table-head{background:#e9e9e4;font-weight:700}.acceptance-loop{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:35px}.acceptance-loop>span{border:1px solid #555;padding:12px 20px;background:#fafafa;font-size:17px}.acceptance-loop small{width:100%;font-size:16px;color:#555}.notes-end{border-top:1px solid #777;padding:60px 0 75px}.notes-end .micro{font-size:14px}.notes-end h2{font-size:36px;line-height:1.4;margin:20px 0}.notes-end p{font-size:19px;max-width:870px;color:#555}.notes-author{display:block;font-size:14px;margin-top:35px;color:#666}.site-header nav{gap:22px}.site-header nav a{white-space:nowrap}
@media(max-width:900px){.direction-grid,.notes-real-example{grid-template-columns:1fr}.translation-options{grid-template-columns:1fr}.notes-hero{padding-top:50px}.notes-real-example{gap:25px}.notes-hero>p{font-size:18px}.check-row{grid-template-columns:1fr 2fr}.check-row>span:last-child{grid-column:2}.check-table-head>span:last-child{display:none}.site-header nav{gap:14px}}
@media(max-width:540px){.notes-hero{padding:40px 0}.notes-hero h1{font-size:36px;letter-spacing:-1px}.notes-index{gap:9px}.notes-index a{font-size:14px;padding:8px 11px}.notes-section{padding:35px 0}.notes-heading{gap:15px;margin-bottom:25px}.notes-heading>span{font-size:23px}.notes-heading h2{font-size:27px}.notes-heading p{font-size:17px}.note-paper,.translation-board{padding:23px}.note-paper h3{font-size:23px}.note-paper p{font-size:17px}.direction-grid{gap:35px}.translation-input blockquote{font-size:24px}.translation-options article{padding:20px}.notes-chain{font-size:15px;gap:9px}.voice-strip span{font-size:12px;padding:9px 4px}.notes-takeaway{font-size:17px;padding:15px 18px}.notes-real-example h3{font-size:25px}.notes-real-example p{font-size:17px}.check-row{display:block;padding:20px}.check-row p{margin:10px 0}.check-row>span:last-child{font-size:14px;display:block;color:#666}.check-table-head{display:none}.acceptance-loop{gap:10px}.acceptance-loop>span{font-size:15px;padding:9px 12px}.acceptance-loop small{font-size:15px}.notes-end{padding:40px 0}.notes-end h2{font-size:29px}.notes-end p{font-size:17px}.notes-end .actions{flex-wrap:wrap}.notes-author{font-size:13px}.creation-notes .micro{letter-spacing:1px}}
.notes-entry{margin-top:45px;border:1px solid #777;background:#fafafa;padding:25px 30px;box-shadow:4px 5px 0 #ccc}.notes-entry h2{font-size:26px;margin:12px 0}.notes-entry p{font-size:17px;color:#555;margin:12px 0}.notes-entry .micro{font-size:13px}.notes-entry .inline-link{font-size:16px}@media(max-width:540px){.notes-entry{padding:22px;margin-top:25px}.notes-entry h2{font-size:24px}}