/* A quiet editorial home for independent classroom teachers. */
:root{--tcl-ink:#30362f;--tcl-soft:#62665d;--tcl-rust:#a34a32;--tcl-rust-dark:#803a27;--tcl-paper:#f7f4ee;--tcl-sand:#eee9df;--tcl-line:#d9d7ce;--tcl-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--tcl-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body.teclab-classroom{color:var(--tcl-ink);font-family:var(--tcl-sans);font-size:16px;line-height:1.95;background:var(--tcl-paper);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.teclab-classroom *{box-sizing:border-box}
.teclab-classroom a{color:var(--tcl-rust);text-underline-offset:.25em}
.teclab-classroom :focus-visible{outline:3px solid #906c22;outline-offset:5px}
.teclab-classroom ::selection{background:#edccba;color:#30362f}
html{scroll-padding-top:28px}
.teclab-classroom img{max-width:100%;height:auto}
.teclab-classroom #container.container{width:100%;max-width:none;background:transparent;padding:0}
.teclab-classroom .skip-link:focus{position:fixed;top:10px;left:10px;z-index:10000;background:#fff;color:var(--tcl-ink);padding:10px 18px}
.tcl-shell{max-width:1192px;padding-left:36px;padding-right:36px;margin-left:auto;margin-right:auto}
.tcl-home h1,.tcl-home h2,.tcl-home h3{background:none;border:0;padding:0;box-shadow:none;color:var(--tcl-ink);font-weight:650}
.tcl-home h1:before,.tcl-home h1:after,.tcl-home h2:before,.tcl-home h2:after,.tcl-home h3:before,.tcl-home h3:after{display:none}
.tcl-home h2{font-size:clamp(28px,3.3vw,39px);line-height:1.65;letter-spacing:.045em;margin:0}
.tcl-home p{margin:0 0 1.4em}
.tcl-home a{text-decoration:none}
.tcl-kicker{font-family:var(--tcl-sans);font-size:11px!important;line-height:1.6!important;letter-spacing:.17em;color:var(--tcl-rust);font-weight:650;margin:0 0 20px!important}
.tcl-text-link{display:inline-flex;align-items:center;gap:24px;color:var(--tcl-ink)!important;font-size:13px;font-weight:650;line-height:1.8;text-decoration:underline!important;text-decoration-color:#b9b5aa!important;text-underline-offset:7px!important}
.tcl-text-link:hover{color:var(--tcl-rust)!important;text-decoration-color:var(--tcl-rust)!important}
.tcl-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:16px 23px;background:var(--tcl-rust);color:#fff!important;font-size:14px;line-height:1.6;font-weight:600;border:1px solid var(--tcl-rust);border-radius:3px;text-decoration:none!important;transition:background .18s}
.tcl-button:hover{background:var(--tcl-rust-dark)}
.tcl-button>span{font-size:21px;font-weight:400}
.tcl-mobile-only{display:none}
/* Header */
.tcl-header{background:var(--tcl-paper);border-bottom:1px solid var(--tcl-line);position:relative;z-index:20}
.tcl-header-in{max-width:1320px;margin:auto;min-height:102px;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.tcl-brand{display:inline-flex;align-items:center;gap:12px;color:var(--tcl-ink)!important;text-decoration:none!important;flex:none}
.tcl-brand-symbol{display:flex;gap:3px;align-items:flex-end;width:25px;height:29px;transform:skewY(-12deg)}
.tcl-brand-symbol i{width:6px;background:var(--tcl-rust);height:22px;display:block}
.tcl-brand-symbol i:nth-child(2){height:29px}.tcl-brand-symbol i:nth-child(3){height:17px}
.tcl-brand-name{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:.1em}
.tcl-brand-name small{display:block;font-weight:400;font-size:10px;letter-spacing:.07em;margin-top:7px}
.tcl-navigation{display:flex;align-items:center;gap:30px}
.tcl-menu{display:flex;gap:26px;align-items:center;list-style:none;padding:0!important;margin:0!important}
.tcl-menu li{padding:0;margin:0;position:relative;list-style:none}
.tcl-menu a{display:block;padding:8px 0;color:var(--tcl-ink);font-size:12px;font-weight:550;text-decoration:none}
.tcl-menu a:hover{text-decoration:underline;text-underline-offset:6px}
.tcl-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--tcl-line);padding:10px 18px;min-width:210px;list-style:none;z-index:2}
.tcl-menu li:hover>.sub-menu,.tcl-menu li:focus-within>.sub-menu{display:block}
.tcl-header-contact{color:var(--tcl-ink)!important;font-size:12px;padding:10px 17px;border:1px solid #a9ada0;display:inline-flex;align-items:center;gap:20px;border-radius:3px;text-decoration:none}
.tcl-header-contact:hover{background:#e9e8df}
.tcl-menu-toggle{background:transparent;border:1px solid var(--tcl-line);padding:7px 11px;border-radius:3px;font:inherit;font-size:12px;color:var(--tcl-ink);cursor:pointer;display:none}
.tcl-menu-toggle[hidden]{display:none}
/* Hero / original CSS stationery visual */
.tcl-hero{position:relative;background:var(--tcl-paper);overflow:hidden;border-bottom:1px solid var(--tcl-line)}
.tcl-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center;padding-top:76px;padding-bottom:75px}
.tcl-eyebrow{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.075em;margin-bottom:30px!important}
.tcl-eyebrow>span{width:24px;height:1px;background:var(--tcl-rust)}
.tcl-home h1{font-family:var(--tcl-serif);font-size:clamp(38px,4.3vw,57px);font-weight:600;line-height:1.65;letter-spacing:.055em;margin:0 0 24px}
.tcl-home h1 em{font-style:normal;color:var(--tcl-rust)}
.tcl-hero-lead{font-size:14px;line-height:2.15;color:var(--tcl-soft);letter-spacing:.025em;margin-bottom:29px!important}
.tcl-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.tcl-hero-actions .tcl-text-link{font-size:12px;gap:12px}
.tcl-hero-note{font-size:11px;color:var(--tcl-soft);margin:15px 0 0!important;letter-spacing:.04em}
.tcl-notebook{margin:10px 0 0;position:relative;padding:30px 12px 12px;transform:rotate(3deg)}
.tcl-notebook:before{content:"";position:absolute;inset:45px 0 25px 28px;background:#dfdfd0;transform:rotate(-8deg);border-radius:2px}
.tcl-notebook-tab{position:absolute;top:5px;right:40px;background:#b1bda9;color:#293b2a;font-size:10px;padding:8px 20px 11px;transform:rotate(-4deg);letter-spacing:.08em}
.tcl-notebook-paper{position:relative;background:#fffdf7;border:1px solid #dedcd2;box-shadow:0 15px 45px #4f4a3310;padding:30px 32px 0;min-height:420px;background-image:linear-gradient(transparent 35px,#eeebe2 36px);background-size:100% 36px}
.tcl-paper-top{display:flex;justify-content:space-between;font-size:8px;line-height:18px;letter-spacing:.16em;padding-bottom:17px;border-bottom:1px solid var(--tcl-line);color:#77786a;background:#fffdf7}
.tcl-note-heading{font-family:var(--tcl-serif);font-size:30px;line-height:1.75;letter-spacing:.07em;margin:28px 0 22px!important}
.tcl-note-list{list-style:none;margin:0!important;padding:0!important}
.tcl-note-list li{font-size:12px;line-height:1.8;padding:11px 0;margin:0;border-bottom:1px dashed #d7d3c5}
.tcl-note-list li span{display:inline-block;border:1px solid #c9ba9b;color:#8a623a;border-radius:50%;width:40px;height:31px;text-align:center;line-height:29px;margin-right:12px;transform:rotate(-7deg);font-size:12px}
.tcl-note-bottom{position:relative;min-height:66px;display:flex;align-items:center;justify-content:flex-end}
.tcl-note-bottom p{font-size:10px;color:#6f725f;margin:0 0 0 35px!important;letter-spacing:.02em}
.tcl-pencil{position:absolute;left:0;bottom:21px;width:130px;height:7px;background:linear-gradient(#c7934f 0 35%,#dfb574 35% 70%,#b58443 70%);transform:rotate(-12deg);box-shadow:0 4px 5px #44301615}
.tcl-pencil:before{content:"";position:absolute;left:-15px;border-width:3.5px 15px 3.5px 0;border-style:solid;border-color:transparent #ad8863 transparent transparent}
.tcl-notebook figcaption{position:relative;text-align:right;font-family:var(--tcl-serif);font-size:14px;margin-top:21px;letter-spacing:.08em;transform:rotate(-3deg);color:#6d705f}
/* Introduction */
.tcl-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:84px;padding-top:83px;padding-bottom:86px}
.tcl-intro h2{font-family:var(--tcl-serif);font-size:32px;line-height:1.8}
.tcl-intro-copy{padding-top:34px;font-size:14px;line-height:2.15}
.tcl-intro-copy p:last-of-type{color:var(--tcl-soft)}
.tcl-intro-copy .tcl-text-link{margin-top:5px}
/* Browse by actual need */
.tcl-topics{background:#edece4;border-top:1px solid var(--tcl-line);border-bottom:1px solid var(--tcl-line);padding:76px 0 80px}
.tcl-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:39px}
.tcl-section-heading>p{font-size:12px;line-height:2;color:var(--tcl-soft);margin:0}
.tcl-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #cdd0c3;background:#f9f8f2}
.tcl-topic{padding:25px 19px 22px;display:flex;flex-direction:column;gap:0;color:var(--tcl-ink)!important;border-right:1px solid #d7d9cd;transition:background .18s}
.tcl-topic:last-child{border-right:0}
.tcl-topic:hover{background:#fffdf8}
.tcl-topic-number{font-size:12px;font-family:var(--tcl-serif);color:var(--tcl-rust);margin-bottom:24px}
.tcl-topic h3{font-size:16px;margin:0 0 15px;line-height:1.7;letter-spacing:.005em}
.tcl-topic p{font-size:12px;line-height:2;color:var(--tcl-soft);margin:0 0 26px}
.tcl-topic-foot{font-size:10px;border-top:1px solid var(--tcl-line);padding-top:14px;display:flex;justify-content:space-between;gap:5px;margin-top:auto}
.tcl-topic-foot>span{font-size:16px;color:var(--tcl-rust)}
/* Five expandable steps */
.tcl-roadmap{display:grid;grid-template-columns:.85fr 1.4fr;gap:88px;padding-top:94px;padding-bottom:94px}
.tcl-roadmap-aside h2{font-family:var(--tcl-serif);font-size:35px;line-height:1.9;margin-bottom:24px}
.tcl-roadmap-aside>p:not(.tcl-kicker){font-size:13px;color:var(--tcl-soft);line-height:2.2}
.tcl-hand-note{display:inline-block;font-family:var(--tcl-serif);color:var(--tcl-rust);font-size:15px;border-bottom:1px solid #c99c7c;padding:5px 12px;transform:rotate(-4deg);margin-top:18px}
.tcl-step-list{border-top:1px solid #bfc3b5}
.tcl-step{border-bottom:1px solid #bfc3b5;scroll-margin-top:25px;margin:0;padding:0;border-radius:0;background:transparent}
.tcl-step summary{display:flex;align-items:center;gap:24px;padding:23px 0;cursor:pointer;list-style:none;color:var(--tcl-ink);font-size:19px;line-height:1.7;font-weight:600}
.tcl-step summary::-webkit-details-marker{display:none}
.tcl-step-number{font-size:30px;font-family:var(--tcl-serif);font-weight:400;color:#8c947d;flex:none;min-width:36px}
.tcl-step summary small{display:block;font-size:10px;line-height:1.8;color:var(--tcl-soft);font-weight:400;letter-spacing:.05em;margin-bottom:4px}
.tcl-step summary b{margin-left:auto;font-weight:400;color:var(--tcl-rust);font-size:24px;transition:transform .15s}
.tcl-step[open] summary b{transform:rotate(45deg)}
.tcl-step-body{padding:0 20px 25px 60px;font-size:13px;line-height:2.1;color:var(--tcl-soft)}
.tcl-step-body p{margin:0 0 15px}
.tcl-step-prompt{font-size:11px;padding:13px 15px;background:#eeeae0;color:#4d5447;margin-bottom:0!important;border-left:2px solid #a2ac92}
/* Dynamic articles: no invented posts */
.tcl-articles{background:#fffdf8;padding:77px 0 82px;border-top:1px solid var(--tcl-line);border-bottom:1px solid var(--tcl-line)}
.tcl-article-list{border-top:1px solid var(--tcl-line)}
.tcl-article{display:grid;grid-template-columns:70px 1fr;gap:26px;border-bottom:1px solid var(--tcl-line);padding:28px 0;margin:0;background:none;border-radius:0;box-shadow:none}
.tcl-article-index{font-size:36px;font-family:var(--tcl-serif);color:#a2aa96;line-height:1.5}
.tcl-article-meta{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--tcl-soft);margin-bottom:10px}
.tcl-article-meta>span{background:#ecefe5;padding:2px 10px;color:#4c5f46}
.tcl-article h3{font-size:20px;line-height:1.8;margin:0 0 9px}
.tcl-article h3 a{display:flex;justify-content:space-between;gap:30px;align-items:center;color:var(--tcl-ink)}
.tcl-article h3 a:hover{color:var(--tcl-rust)}
.tcl-article h3 a>span{flex:none;font-size:24px;color:var(--tcl-rust);font-weight:400}
.tcl-article-copy>p{font-size:12px;color:var(--tcl-soft);line-height:1.9;margin:0;max-width:870px}
.tcl-empty{font-size:14px;padding:28px 0;color:var(--tcl-soft)}
/* Operator note */
.tcl-about{display:grid;grid-template-columns:.85fr 1.25fr;gap:100px;padding-top:96px;padding-bottom:96px;align-items:center}
.tcl-about-mark{position:relative;min-height:360px;padding:46px 40px;background:#e8ecdf;border:1px solid #d9dfce;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-2deg)}
.tcl-about-mark:after{content:"";position:absolute;inset:12px;border:1px solid #b8c0aa;pointer-events:none}
.tcl-about-mark>span{font-family:var(--tcl-serif);font-size:36px;line-height:1.95;letter-spacing:.12em;color:#4e5f44}
.tcl-about-mark small{margin-top:22px;letter-spacing:.1em;font-size:8px;color:#69745b}
.tcl-about-copy h2{font-size:29px;line-height:1.8;margin-bottom:25px}
.tcl-about-copy>p:not(.tcl-kicker){font-size:13px;line-height:2.15;color:var(--tcl-soft)}
.tcl-signature{display:block;margin-top:25px;font-family:var(--tcl-serif);font-size:17px;letter-spacing:.08em}
/* Closing */
.tcl-closing{background:#ece4d6;border-top:1px solid #d9cebc;border-bottom:1px solid #d9cebc;padding:65px 0}
.tcl-closing-in{display:flex;align-items:center;justify-content:space-between;gap:55px}
.tcl-closing h2{font-family:var(--tcl-serif);font-size:32px;line-height:1.9;margin-bottom:20px}
.tcl-closing p:not(.tcl-kicker){font-size:13px;color:var(--tcl-soft);margin-bottom:0}
.tcl-closing-actions{display:flex;flex-direction:column;align-items:center;gap:24px;flex:none}
.tcl-closing-actions .tcl-button{min-width:250px}
/* Keep Cocoon's document/head/footer and article templates. */
.tcl-front #content{margin:0;background:var(--tcl-paper)}
.tcl-front #content-in{display:block;width:100%;max-width:none;padding:0;margin:0}
.tcl-front #main.main{width:100%;max-width:none;padding:0;margin:0;border:0;background:transparent;border-radius:0}
.tcl-front #sidebar{display:none}
.teclab-classroom .mobile-menu-buttons,.teclab-classroom .mobile-header-menu-buttons,.teclab-classroom .mobile-footer-menu-buttons{display:none!important}
.teclab-classroom #footer.footer{background:var(--tcl-paper);color:var(--tcl-ink);padding:54px 36px 24px;margin:0;border:0}
.teclab-classroom #footer-in{max-width:1120px;padding:0;margin:auto;width:100%}
.tcl-footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:35px}
.tcl-footer-brand{font-size:26px;line-height:1.4;letter-spacing:.08em;font-weight:750;color:var(--tcl-ink)!important;text-decoration:none}
.tcl-footer-brand>span{display:block;font-size:10px;font-weight:400;margin-top:7px;letter-spacing:.05em}
.tcl-footer-top p{font-family:var(--tcl-serif);font-size:16px;line-height:1.9;margin:0;letter-spacing:.06em}
.tcl-footer-links{display:flex;gap:15px 28px;list-style:none;padding:0;margin:0 0 30px;flex-wrap:wrap}
.tcl-footer-links li{margin:0;list-style:none}
.tcl-footer-links a{font-size:11px;color:var(--tcl-soft);text-decoration:none}
.tcl-footer-links a:hover{text-decoration:underline}
.tcl-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--tcl-line);padding-top:20px;color:var(--tcl-soft);font-size:10px}
.tcl-footer-bottom small{font-size:10px}
.tcl-footer-bottom a{font-size:10px;color:var(--tcl-soft);text-decoration:none}
.teclab-classroom:not(.tcl-front) #content-in{max-width:1192px;margin:30px auto;padding:0 24px}
.teclab-classroom:not(.tcl-front) #main{border:1px solid var(--tcl-line);border-radius:3px;background:#fffdf8}
.teclab-classroom:not(.tcl-front) .entry-title{font-size:clamp(26px,3vw,36px);line-height:1.7;color:var(--tcl-ink)}
.teclab-classroom:not(.tcl-front) .entry-content{font-size:16px;line-height:2.05}
.teclab-classroom:not(.tcl-front) .entry-content h2{background:#f0eee6;color:var(--tcl-ink);border:0;border-left:3px solid var(--tcl-rust);font-size:25px;padding:17px 22px;line-height:1.7;margin:2.7em 0 1.3em}
.teclab-classroom:not(.tcl-front) .entry-content h3{font-size:21px;line-height:1.7;border-color:var(--tcl-line)}
.teclab-classroom input:not([type=checkbox]):not([type=radio]),.teclab-classroom textarea,.teclab-classroom select{max-width:100%;font:inherit;border-color:#aeb2a1}
.teclab-classroom table{font-size:14px}.teclab-classroom th{background:#eeeee4}
@media(max-width:1100px){.tcl-header-in{padding:20px 28px}.tcl-navigation{gap:20px}.tcl-menu{gap:17px}.tcl-menu a{font-size:11px}.tcl-header-contact{font-size:11px;gap:12px}.tcl-hero-grid{gap:30px}.tcl-home h1{font-size:46px}.tcl-notebook-paper{padding:25px 24px 0}.tcl-note-heading{font-size:28px}.tcl-hero-actions{gap:20px}.tcl-intro{gap:50px}.tcl-topic{padding:23px 14px}.tcl-topic h3{font-size:15px}.tcl-roadmap{gap:55px}.tcl-about{gap:60px}}
@media(max-width:900px){.tcl-header-in{flex-wrap:wrap;gap:18px;min-height:84px}.tcl-navigation{width:100%;justify-content:space-between}.tcl-js .tcl-menu-toggle:not([hidden]){display:block}.tcl-js .tcl-navigation{display:none}.tcl-js .tcl-navigation.is-open{display:flex}.tcl-brand-name{font-size:23px}.tcl-hero-grid{gap:25px;padding-top:54px;padding-bottom:54px}.tcl-home h1{font-size:38px}.tcl-hero-lead{font-size:13px}.tcl-notebook-paper{min-height:370px;padding:22px 20px 0}.tcl-note-heading{font-size:25px}.tcl-note-list li{font-size:10px}.tcl-note-list li span{width:34px;margin-right:6px}.tcl-note-bottom p{font-size:8px}.tcl-pencil{width:90px}.tcl-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:0}.tcl-topic{border-right:1px solid #d7d9cd!important;border-bottom:1px solid #d7d9cd}.tcl-topic h3{font-size:17px}.tcl-topic-number{margin-bottom:16px}.tcl-topic p{font-size:12px}.tcl-topic:last-child{grid-column:span 2}.tcl-intro{grid-template-columns:1fr 1.25fr;gap:35px}.tcl-intro h2{font-size:27px}.tcl-roadmap{grid-template-columns:.8fr 1.2fr;gap:30px}.tcl-roadmap-aside h2{font-size:28px}.tcl-step summary{font-size:16px;gap:15px}.tcl-step-body{padding-left:51px;padding-right:0}.tcl-about{gap:35px}.tcl-about-copy h2{font-size:25px}.tcl-about-mark{min-height:325px;padding:35px 25px}.tcl-about-mark>span{font-size:30px}.tcl-closing h2{font-size:27px}.tcl-closing-in{gap:30px}}
@media(max-width:640px){.tcl-shell{padding-left:24px;padding-right:24px}.tcl-header-in{padding:17px 22px}.tcl-navigation{display:block}.tcl-js .tcl-navigation.is-open{display:block}.tcl-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:16px!important}.tcl-menu a{font-size:12px;padding:7px 0}.tcl-menu .sub-menu{display:block;position:static;min-width:0;border:0;background:none;padding:0 0 0 10px}.tcl-menu .sub-menu a{font-size:11px}.tcl-header-contact{padding:10px 15px}.tcl-brand-name{font-size:22px}.tcl-brand-name small{font-size:9px}.tcl-hero-grid{grid-template-columns:1fr;padding-top:37px;padding-bottom:40px;gap:34px}.tcl-eyebrow{font-size:10px;margin-bottom:23px!important}.tcl-home h1{font-size:clamp(32px,8.1vw,43px);line-height:1.7;letter-spacing:.035em;margin-bottom:23px}.tcl-hero-lead{font-size:13px;line-height:2.1}.tcl-wide-only{display:none}.tcl-hero-actions{align-items:flex-start;gap:22px}.tcl-button{font-size:12px;min-height:52px;padding:14px 18px;gap:20px}.tcl-hero-actions .tcl-text-link{font-size:11px}.tcl-hero-note{font-size:10px}.tcl-notebook{max-width:360px;width:100%;justify-self:center;padding-top:25px;margin-top:0}.tcl-notebook-paper{min-height:355px;padding:23px 25px 0}.tcl-note-heading{font-size:27px;margin-top:23px!important;margin-bottom:18px!important}.tcl-note-list li{font-size:11px;padding:9px 0}.tcl-note-list li span{width:37px;margin-right:9px}.tcl-notebook figcaption{font-size:12px;margin-top:18px}.tcl-note-bottom{min-height:60px}.tcl-note-bottom p{font-size:9px}.tcl-intro{grid-template-columns:1fr;gap:22px;padding-top:52px;padding-bottom:55px}.tcl-intro h2{font-size:28px}.tcl-intro-copy{padding:0;font-size:13px}.tcl-intro-copy br{display:none}.tcl-kicker{font-size:9px!important;margin-bottom:15px!important}.tcl-topics{padding:50px 0 52px}.tcl-section-heading{display:block;margin-bottom:27px}.tcl-home h2{font-size:28px;line-height:1.7}.tcl-section-heading>p{font-size:11px;margin-top:18px}.tcl-topic-grid{grid-template-columns:1fr 1fr}.tcl-topic{padding:19px 15px 18px}.tcl-topic:last-child{grid-column:1/-1}.tcl-topic-number{font-size:10px;margin-bottom:13px}.tcl-topic h3{font-size:15px;margin-bottom:12px}.tcl-topic p{font-size:11px;margin-bottom:20px;line-height:2}.tcl-topic-foot{font-size:9px;padding-top:11px}.tcl-roadmap{grid-template-columns:1fr;gap:32px;padding-top:55px;padding-bottom:55px}.tcl-roadmap-aside h2{font-size:29px;line-height:1.8;margin-bottom:18px}.tcl-roadmap-aside h2 br:last-child{display:none}.tcl-roadmap-aside>p:not(.tcl-kicker){font-size:12px}.tcl-hand-note{margin-top:0;font-size:13px}.tcl-step summary{font-size:16px;gap:16px;padding:21px 0}.tcl-step-number{font-size:26px;min-width:30px}.tcl-step summary small{font-size:9px}.tcl-step summary b{font-size:20px}.tcl-step-body{padding:0 0 23px 46px;font-size:12px}.tcl-step-prompt{padding:10px 12px;font-size:10px}.tcl-articles{padding:50px 0 55px}.tcl-article{grid-template-columns:35px 1fr;gap:15px;padding:23px 0}.tcl-article-index{font-size:26px}.tcl-article-meta{font-size:9px;gap:12px}.tcl-article h3{font-size:16px;line-height:1.8}.tcl-article h3 a{gap:12px}.tcl-article h3 a>span{font-size:20px}.tcl-article-copy>p{font-size:11px;line-height:1.95}.tcl-about{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.tcl-about-mark{max-width:300px;width:100%;min-height:290px;justify-self:center}.tcl-about-mark>span{font-size:29px}.tcl-about-copy h2{font-size:25px;line-height:1.8}.tcl-about-copy>p:not(.tcl-kicker){font-size:12px}.tcl-signature{font-size:15px}.tcl-closing{padding:47px 0}.tcl-closing-in{display:block}.tcl-closing h2{font-size:25px;line-height:1.8}.tcl-closing p:not(.tcl-kicker){font-size:12px}.tcl-closing-actions{align-items:flex-start;margin-top:28px;gap:22px}.tcl-closing-actions .tcl-button{min-width:230px}.tcl-closing-actions .tcl-text-link{font-size:12px}.teclab-classroom #footer.footer{padding:37px 24px 22px}.tcl-footer-top{display:block;margin-bottom:24px}.tcl-footer-brand{font-size:23px}.tcl-footer-top p{margin-top:23px;font-size:14px}.tcl-footer-links{gap:12px 22px;margin-bottom:25px}.tcl-footer-links a{font-size:10px}.tcl-footer-bottom,.tcl-footer-bottom a,.tcl-footer-bottom small{font-size:9px}.tcl-mobile-only{display:initial}.teclab-classroom:not(.tcl-front) #content-in{padding:0 12px;margin-top:16px}.teclab-classroom:not(.tcl-front) .entry-content{font-size:15px}.teclab-classroom:not(.tcl-front) .entry-content h2{font-size:21px;padding:14px 16px}.teclab-classroom:not(.tcl-front) .entry-content h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.tcl-header,.tcl-notebook,.tcl-home .tcl-closing,.teclab-classroom #footer,.mobile-menu-buttons{display:none!important}.tcl-shell{max-width:none;padding:0}.tcl-hero-grid,.tcl-intro,.tcl-roadmap,.tcl-about{display:block;padding:20px 0}.tcl-topic-grid{display:block}.tcl-topic{border:0}.tcl-home h1{font-size:30px}.tcl-home h2{font-size:24px}.tcl-home a{color:#000!important}.tcl-articles,.tcl-topics{padding:20px 0;background:#fff}}